Brand (default)
vars.color.brand
createTheme docs example — blue
Vanilla Extract
3 official semantic tokens
3 colors
About Vanilla Extract
Vanilla Extract is a zero-runtime CSS-in-TypeScript tool. Themes are authored with createGlobalTheme and design tokens become typed, scoped CSS variables.
How to use
Write tokens in a .css.ts file and reference them inside styles. Use createTheme to swap light and dark variants without duplicating style rules.
Brand (alternate)
vars.color.brand
Second createTheme variant — pink
Brand (contract)
vars.color.brand
Theme contract variant — red
No matching colors
Source: vanilla-extract · createTheme docs example