Yugonito
b6185cd127
- tokens.css : échelles fait-cyan (#16D5FF) et fait-gray (#545454) en oklch, statuts - theme.css : variables sémantiques shadcn light/dark mappées sur les primitifs - demo : page de validation de la direction visuelle Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
47 lines
1.9 KiB
CSS
47 lines
1.9 KiB
CSS
/*
|
|
* @forgetaboutit/ui — tokens primitifs de la marque
|
|
*
|
|
* Couleurs extraites du logo Forget About IT :
|
|
* cyan #16D5FF → échelle fait-cyan (teinte oklch ~215)
|
|
* gris #545454 → échelle fait-gray (neutre légèrement froid, ~fait-gray-600)
|
|
*
|
|
* Expose les utilitaires Tailwind v4 : bg-fait-cyan-400, text-fait-gray-200, etc.
|
|
* Les applications consomment plutôt theme.css (tokens sémantiques).
|
|
*/
|
|
|
|
@theme {
|
|
/* --- Cyan de marque --- */
|
|
--color-fait-cyan-50: oklch(0.975 0.018 215);
|
|
--color-fait-cyan-100: oklch(0.945 0.038 215);
|
|
--color-fait-cyan-200: oklch(0.895 0.075 215);
|
|
--color-fait-cyan-300: oklch(0.855 0.105 215);
|
|
--color-fait-cyan-400: oklch(0.82 0.13 215); /* #16D5FF — cyan logo */
|
|
--color-fait-cyan-500: oklch(0.74 0.125 220);
|
|
--color-fait-cyan-600: oklch(0.64 0.115 224);
|
|
--color-fait-cyan-700: oklch(0.54 0.098 228);
|
|
--color-fait-cyan-800: oklch(0.45 0.078 230);
|
|
--color-fait-cyan-900: oklch(0.38 0.06 232);
|
|
--color-fait-cyan-950: oklch(0.28 0.048 235);
|
|
|
|
/* --- Gris anthracite de marque (neutre froid) --- */
|
|
--color-fait-gray-50: oklch(0.985 0.001 230);
|
|
--color-fait-gray-100: oklch(0.962 0.002 230);
|
|
--color-fait-gray-200: oklch(0.92 0.003 230);
|
|
--color-fait-gray-300: oklch(0.86 0.004 230);
|
|
--color-fait-gray-400: oklch(0.70 0.005 230);
|
|
--color-fait-gray-500: oklch(0.55 0.005 230);
|
|
--color-fait-gray-600: oklch(0.445 0.005 230); /* #545454 — anthracite logo */
|
|
--color-fait-gray-700: oklch(0.38 0.005 231);
|
|
--color-fait-gray-800: oklch(0.295 0.006 232);
|
|
--color-fait-gray-850: oklch(0.255 0.006 233);
|
|
--color-fait-gray-900: oklch(0.215 0.006 234);
|
|
--color-fait-gray-925: oklch(0.185 0.006 235);
|
|
--color-fait-gray-950: oklch(0.155 0.006 236);
|
|
|
|
/* --- Statuts --- */
|
|
--color-fait-success: oklch(0.72 0.17 155);
|
|
--color-fait-warning: oklch(0.8 0.16 85);
|
|
--color-fait-danger: oklch(0.64 0.2 25);
|
|
--color-fait-info: oklch(0.74 0.125 220);
|
|
}
|