Brand (default)
vars.color.brand
createTheme docs example — blue
3 offizielle semantische Tokens
3 Farben
Vanilla Extract ist ein CSS-in-TypeScript-Werkzeug ohne Laufzeit. Themes werden mit createGlobalTheme erstellt, und Design-Tokens werden zu typisierten, gekapselten CSS-Variablen.
Schreiben Sie Tokens in eine .css.ts-Datei und referenzieren Sie sie in Styles. Mit createTheme wechseln Sie zwischen hellen und dunklen Varianten ohne doppelte Regeln.
vars.color.brand
createTheme docs example — blue
vars.color.brand
Second createTheme variant — pink
vars.color.brand
Theme contract variant — red
Keine passenden Farben
Quelle: vanilla-extract · createTheme docs example