Irodori彩り

Vanilla Extract

3 offizielle semantische Tokens

3 Farben

Überblick Vanilla Extract

Vanilla Extract ist ein CSS-in-TypeScript-Werkzeug ohne Laufzeit. Themes werden mit createGlobalTheme erstellt, und Design-Tokens werden zu typisierten, gekapselten CSS-Variablen.

Verwendung

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.

Offizielle Dokumentation

Brand (default)

vars.color.brand

createTheme docs example — blue

Brand (alternate)

vars.color.brand

Second createTheme variant — pink

Brand (contract)

vars.color.brand

Theme contract variant — red

Quelle: vanilla-extract · createTheme docs example