Brand (default)
vars.color.brand
createTheme docs example — blue
3 个官方语义 token
共 3 种颜色
Vanilla Extract 是一个零运行时、用 TypeScript 写 CSS 的工具。主题通过 createGlobalTheme 编写,设计 token 会成为带类型的、作用域隔离的 CSS 变量。
在 .css.ts 文件中编写 token,并在样式中引用它们。使用 createTheme 切换明暗变体,无需重复样式规则。
vars.color.brand
createTheme docs example — blue
vars.color.brand
Second createTheme variant — pink
vars.color.brand
Theme contract variant — red
没有匹配的颜色
数据来源: vanilla-extract · createTheme docs example