词汇说明
| 类型 | 定义 |
|---|---|
| Theme | 不同 Theme 下的 Token 通常保持结构一致，但是 Value 会根据主题呈现的效果会有较大的差异 |
| Token | Token 是分配颜色的基于 Value 的标识符，与十六进制代码不同，令牌普遍适用于各种主题 |
| Value | Value 是分配给 Token 系统使用内部色板值，不对外使用 |
| Css Var | Css Var 是通过使用 Theme 分配给 Vakue 的唯一视觉属性（十六进制代码，rgba 值） |
权重表述
- 权重：03 > 02 > 01
- 大小：sm、md、lg、xl、2xl、3xl
- 语义：primary、successful、warning、error
语法构成
一个完整的 Token 表达为 --cx-background-selected-hover :
- --cx 为 CabinX 前缀
- backgourd 为 token 的类型
- selected 为具体的场景
- hover 具体场景的状态
Palette
每个令牌都分配了一个角色和一个值。角色决定了哪个元素也应用令牌，值是分配主题中出现的实际颜色（十六进制代码）。颜色令牌名称和角色在主题之间是相同的，只是分配的值会随主题而变化。例如，在幕后， --cx-border-color-focus 令牌可以动态映射到 Blue 10 或 Blue 20 取决于不同的主题。
Tokens
Token 包含了 Background、Font、Border、Spacing、Shadow
| 类型 | 概述 |
|---|---|
| Backgroud | 背景颜色（基础和各语义状态背景色） |
| Font | 字体样式（包含字体颜色、大小、字重、行高） |
| Border | 描边的样式（包含描边颜色、宽度、圆角大小） |
| Spacing | 间距和边距大小 |
| Shadow | 投影 |