Brand (default)
vars.color.brand
createTheme docs example — blue
3 jetons sémantiques officiels
3 couleurs
Vanilla Extract est un outil CSS-in-TypeScript sans exécution. Les thèmes se rédigent avec createGlobalTheme et les tokens de design deviennent des variables CSS typées et portées.
Écrivez les tokens dans un fichier .css.ts et référencez-les dans les styles. Utilisez createTheme pour basculer entre variantes claire et sombre sans dupliquer les règles.
vars.color.brand
createTheme docs example — blue
vars.color.brand
Second createTheme variant — pink
vars.color.brand
Theme contract variant — red
Aucune couleur correspondante
Source: vanilla-extract · createTheme docs example