🎯 Intention


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>

✅ Points clés


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>

Thème Captive Light

Combinaisons

Sans titre

Implémentation CSS