Article5 septembre 20235 min de lecture
Design system dark-first: garder la cohérence visuelle à grande échelle
Une méthode pratique pour centraliser les tokens couleur et préparer un mode light sans dette.
Tailwind CSSDesign Tokens
Point de départ
Des classes couleur dispersées rendent les évolutions visuelles coûteuses.
Approche
- Créer des variables sémantiques globales.
- Relier les composants à ces tokens.
- Limiter les couleurs hardcodées aux cas exceptionnels.
Résultat
Un thème dark propre aujourd'hui, et une base prête pour light demain.