Cette section offre une compréhension complète de la manière dont la couleur est utilisée et maintenue dans l'ensemble de nos produits numériques.
Développeurs
Les design tokens provenant de Figma sont disponibles en CSS via le fichier dsa-theme du package @ds-autonomie/assets (voir la Mise en place).
Les noms des designs tokens sont adaptés lors de la création des variables CSS associées :
- utilisation de kebab-case
- ajout d’un prefix dsa-{type}-
Par exemple :
- le design token Figma pour la couleur Callout/Background/Default est disponible via la variable CSS --dsa-color-callout-background-default
- le design token Figma pour le style de texte 3x large/bold est disponible via la variable CSS --dsa-font-3x-large-bold