Expliciter les couleurs à utiliser dans le design système de Captive pour être harmonieux et conforme aux normes d’accessibilité.
<aside> 💡 Ce standard implémente UI : choisir des couleurs fonctionnelles et accessibles en utilisant les couleurs des UI: Nuanciers Captive pour le web et mobile
</aside>
Point clé | Raison |
---|---|
🔖 Utiliser le nom du rôle dans les variables et non pas le nom de la nuance. |
Exemple : fg-default
et non pas blue-grey-900
| Cela facilite la maintenance si la nuance est change ou pour le passage à un autre thème. |
| 🔗 Associez uniquement les combinaisons prévues pour fonctionner ensemble
Exemple: primary-fg
et primary-subtle
| Vous aurez ainsi un contraste suffisant |
<aside> ℹ️ Ce document représente un thème clair.
</aside>