Irodori彩り

Vanilla Extract

3 jetons sémantiques officiels

3 couleurs

À propos Vanilla Extract

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.

Utilisation

É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.

Documentation officielle

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

Source: vanilla-extract · createTheme docs example