Couleurs
Palette de couleurs du design system. Toutes les couleurs sont definies comme des variables CSS dans tokens.css et utilisables via les classes utilitaires Tailwind.
Utilisation
Cliquez sur un swatch pour copier la variable CSS. Utilisez les classes Tailwind comme bg-primary, text-muted-foreground, border-border pour appliquer les tokens.
Surfaces
Couleurs de fond, cartes et zones de contenu. Definissent la hierarchie visuelle des plans.
Dark theme (defaut)
Light theme (.light)
Marque
Couleurs principales de la marque : bleu primaire pour les actions et CTA, vert accent pour les indicateurs de succes.
Dark theme (defaut)
Light theme (.light)
Semantique
Couleurs fonctionnelles : textes, bordures, etats d'avertissement et d'erreur.
Dark theme (defaut)
Light theme (.light)
Graphiques
Palette dediee aux graphiques et visualisations de donnees (recharts). Identique dans les deux themes.