Irodori彩り

Vanilla Extract

3 个官方语义 token

共 3 种颜色

简介 Vanilla Extract

Vanilla Extract 是一个零运行时、用 TypeScript 写 CSS 的工具。主题通过 createGlobalTheme 编写,设计 token 会成为带类型的、作用域隔离的 CSS 变量。

如何使用

在 .css.ts 文件中编写 token,并在样式中引用它们。使用 createTheme 切换明暗变体,无需重复样式规则。

官方文档

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

数据来源: vanilla-extract · createTheme docs example