Palette

La palette définit les couleurs globales de votre application. Elle contrôle toutes les teintes utilisées par les composants, les fonds et le texte.

Vous pouvez accéder à la palette via le bouton dans la barre supérieure de l'éditeur. Les couleurs principales (primaire, secondaire, contenu) peuvent être modifiées à tout moment. Les nuances et dégradés associés sont générés automatiquement pour assurer la cohérence visuelle sur l'ensemble de l'application.

L'option Match editor permet d'appliquer les mêmes couleurs à l'interface de l'éditeur. Utile pour réduire la fatigue visuelle pendant la conception.

Stratégie responsive

La palette définit aussi la stratégie responsive de l'application : desktop first ou mobile first. Elle détermine le sens des media queries appliquées dans vos styles.

Pour un breakpoint posé à 1024px :

• Mobile first : la règle s'applique aux écrans ≥ 1024.
• Desktop first : la règle s'applique aux écrans ≤ 1024.

Note : La palette sert de base à vos tokens de couleur : toute modification globale s'y répercute automatiquement.