主题化 | CabinX

简介

主题用于修改现有组件以适应特定的视觉风格。通过使用 Cabin X 的 Token，开发人员可以通过更改一组通用变量轻松自定义所有组件，而无需修改单个组件。

类型	定义
Theme	不同 Theme 下的 Token 通常保持结构一致，但是 Value 会根据主题呈现的效果会有较大的差异
Token	Token 是分配颜色的基于 Value 的标识符，与十六进制代码不同，令牌普遍适用于各种主题
Value	Value 是分配给 Token 系统使用内部色板值，不对外使用
Css Var	Css Var 是通过使用 Theme 分配给 Vakue 的唯一视觉属性（十六进制代码，rgba 值）

目前框架支持以下风格，框架默认为基础风格。

可拖动滑条比较不同主题的视觉效果。

一般而言，主题风格的设置通常由产品域统一设置，一个域下为自成体系的视觉语言。

使用样式变量（Token），只需要更改一个地方的代码就可以在整个系统范围内看到效果。 Token 用于所有组件，有助于保持全局模式和样式的一致性。

所有 Token 都预先嵌入到 CabinX 组件源代码中。令牌由前缀 cx--（例如 --cx-backgroud-color-hover）表示。

Token 有以下几个维度：

完整的 Token 设计可以在这里找到全局 Token

关于如何在域上配置主题化的信息，可以在这里找到主题化配置