01 功能说明
一种分层主题架构，用于让共享组件适配不同品牌、颜色模式和密度变体。
Theming System 将主题差异置于分层令牌架构中。原始调色板值传递给语义角色，后者再传递给组件作用域令牌。主题覆盖主要改变语义层，使相同组件可以服务于不同品牌或颜色模式。
来源指出，主题并不等同于简单地反转颜色。深色表面、层级、饱和度和图像变体都需要经过审慎处理。来源还将密度列为一个主题维度，因此该规范并非只适用于颜色。
预期交付物
识别原始基础值、基于用途的别名和组件级引用。
为每个所需主题更改语义角色，同时保持组件契约不变。
审查每个受支持主题中的每个组件，包括图像和操作系统偏好设置的行为。
02 适用场景
实现时使用项目的令牌系统或平台上的等效方案；运行时切换功能必须构建并经过测试。
03 关键决策
语义别名可避免将品牌特定颜色散布在各个组件实现中。
图像和插图可能需要不同变体；仅更改 CSS 变量未必能让深色模式保持协调。
04 示例任务
以下示例简报尚未经过测试。使用前请检查该技能的设置说明。
使用仓库中记录的安装方式，并保留其中引用的所有配套文件。此条目介绍的是一种聚焦的设计方法，而非可执行应用程序。
https://github.com/Owl-Listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/design-systems/skills/theming-system/SKILL.md实现时使用项目的令牌系统或平台上的等效方案；运行时切换功能必须构建并经过测试。
运行该技能前，请根据需要调整这份简报中的范围、来源材料和约束条件。
将 theming-system 用于一个由两个品牌共享且同时支持浅色和深色模式的组件库。定义原始、语义和组件层，识别固定令牌，并展示主题覆盖的工作方式。纳入图像变体和按组件与主题划分的质量保证矩阵，不要假定仅反转颜色就足够。根据以下可观察标准检查实际输出。
OpenDesign 为编码智能体提供本地设计工作区。此条目并不表示该技能已捆绑提供，也不表示其中包含该技能所需的外部工具、凭据和软件依赖项。
05 来源与许可证
本页面描述的是下方链接所指向的固定来源修订版本。上游行为和要求可能发生变化。
9a6930cf84a8一种分层主题架构，用于让共享组件适配不同品牌、颜色模式和密度变体。
由 OpenDesign 根据所链接来源撰写的原创摘要。仓库星标数只是带有时间属性的受欢迎程度指标，并不代表技能使用量或质量评分。
06 开始前的问题
https://github.com/Owl-Listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/design-systems/skills/theming-system/SKILL.md