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.
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.