主题总览
分类介绍
主题资产按 16 个文化色系组织，合计 80 个主题（每系 5 个，构建期统计）；本期已接入 21 个（含完整 10 阶 OKLCH 色阶与语义 Token 映射），其余主题元数据完整、色阶待设计确认基准色后接入。
色系与主题命名取自中国传统色名（如朱砂、玄青）；传统色参考用于产品浏览，不替代国家标准色度坐标，最终基准色值以设计确认并校准后的记录为准。
主题按「传统参考色 → UI 主色 → 色阶 → 语义 Token → 组件页面」链路构成；深色体系目前仅玄青系 5 个主题为完整深色（modeSupport=dark），其余为浅色完整 + 深色兼容预览。
子分类
共 16 个子板块；条目数由构建期资产数据统计，标注「待接入」的板块内容尚未接入。
主题构成链路
一个主题由传统参考色出发，经校准与展开得到可复用的语义 Token，最终被组件页面消费；以下五步与主题数据的字段一一对应。
步骤 1
传统参考色
传统色出处（traditionalColorRef）与色阶基准色 baseHex，来源为文档可查的传统色表。
步骤 2
UI 主色
校准后的界面主色（resolvedTokens.primary），是语义映射的核心锚点。
步骤 3
色阶
以 OKLCH 生成的 10 阶色阶（step 1-10），附 sRGB 回退与 HEX，保证跨屏一致。
步骤 4
语义 Token
background / primary / muted 等语义映射（resolvedTokens），对齐组件库的语义令牌。
步骤 5
组件页面
组件按语义 Token 取色渲染；组件 Token 映射随后续批次接入。
色系入口
共 16 个色系、80 个主题（已接入 21 个，其余待资产接入）；色块为该系已接入主题的 UI 主色，主题数与接入数为构建期统计。
共 16 条
朱砂暖色
暖色。范围为正红至橘红，高识别、高能量，适合强调行动、节庆、品牌和关键操作。传统色参考：银朱、朱砂、朱红、丹色、赤红。
5 个主题已接入 2 · 待接入 3
胭脂暖色
暖色。范围为深红至玫红，精致、浓郁，适合文化、审美和高情绪价值产品。传统色参考：胭脂、绛红、茜色、苏方、枣红。
5 个主题已接入 1 · 待接入 4
海棠暖色
暖色。范围为粉红至浅绯，柔和、亲近，适合生活方式、社交和轻量内容产品。传统色参考：海棠红、桃红、银红、退红、樱花。
5 个主题已接入 1 · 待接入 4
缃叶暖色
暖色。范围为橙至橙黄，温暖、积极，适合增长、创作、餐饮和服务型产品。传统色参考：缃叶、橘黄、杏黄、柿色、琥珀。
5 个主题已接入 1 · 待接入 4
栀子暖色
暖色。范围为明黄至淡黄，明快、醒目，适合创造、提示、年轻化和轻量工具。传统色参考：栀子、明黄、鹅黄、缃色、蒸栗。
5 个主题已接入 1 · 待接入 4
秋香自然色
自然色。范围为黄绿至橄榄色，兼有秋日温度与草木气息，适合自然、农业、人文和沉稳产品。传统色参考：秋香、麹尘、柳黄、嫩草、橄榄。
5 个主题已接入 1 · 待接入 4
竹青自然色
自然色。范围为中绿至深绿，稳定、生长，适合健康、生态、成功状态和企业服务。传统色参考：竹青、石绿、官绿、翠绿、松绿。
5 个主题已接入 1 · 待接入 4
松花自然色
自然色。范围为浅绿至灰绿，轻盈、平静，适合生态、健康、阅读和低压力工具。传统色参考：松花、豆绿、粉绿、葱倩、绿沈。
5 个主题已接入 1 · 待接入 4
天青冷色
冷色。范围为浅青至青色，通透、轻盈，适合科技、云服务、健康和清洁型产品。传统色参考：天青、天水碧、鸭卵青、影青、碧青。
5 个主题已接入 1 · 待接入 4
孔雀蓝冷色
冷色。范围为蓝绿至深青，现代、专业且具有品质感，适合数据、金融、智能和高端工具。传统色参考：孔雀蓝、孔雀绿、湖蓝、翠蓝、碧蓝。
5 个主题已接入 1 · 待接入 4
群青冷色
冷色。范围为标准蓝至亮蓝，可靠、清晰，适合数字产品、企业服务和高频交互。传统色参考：群青、宝蓝、石青、帝释青、柔蓝。
5 个主题已接入 1 · 待接入 4
黛蓝冷色
冷色。范围为深蓝至藏蓝，稳重、安全，适合政企、金融、开发者和复杂工作台。传统色参考：黛蓝、藏蓝、绀青、鸦青、墨蓝。
5 个主题已接入 1 · 待接入 4
藤萝冷色
冷色。范围为紫至浅紫，富有想象与创造力，适合 AI、创作、艺术和个性化产品。传统色参考：藤萝、丁香、藕荷、暮山紫、青莲。
5 个主题已接入 1 · 待接入 4
檀色中性色
中性色。范围为棕、赭至土色，温厚、自然，适合人文、家居、文博和传统品牌。传统色参考：檀色、驼褐、茶褐、栗色、赭石。
5 个主题已接入 1 · 待接入 4
月白中性色
中性色。范围为白、米白至冷灰，克制、留白，适合内容、文档、设计工具和极简产品。传统色参考：月白、象牙白、缟素、雪白、浅云。月白主题以深色文字与低饱和辅助色建立层级，不以近白色作按钮文字或焦点色。
5 个主题已接入 1 · 待接入 4
玄青中性色
中性色。范围为黑、墨至深灰蓝，沉浸、稳重，是首版完整深色主题体系（5 主题完整定义深色背景层级、反转文字、边框、浮层、遮罩、图表与交互状态）。传统色参考：玄青、玄色、乌黑、墨色、百草霜。
5 个主题全部接入
主题生成器
主题生成器 待设计
基于已有主题派生新主题变体（传入主题 ID 与覆盖项，输出差量配置）。 当前状态与顶部导航一致：功能待设计，暂不可进入；上线后支持从任意主题详情页传入主题 ID 生成变体。
使用指引
- 选色系：先按产品气质在暖 / 自然 / 冷 / 中性四组中缩小范围（高能量选暖色，沉稳专业选冷色或中性色），再在同一色系内比较 5 个主题的色域与推荐场景。
- 选模式：浅色产品任选色系；深色完整体验目前选玄青系；浅色为主、需深色预览的选 modeSupport=light-with-dark-preview 的主题。
- 看接入状态：已接入主题提供完整色阶表、语义映射与复制配置；待接入主题仅元数据，详情页如实标注「不适用」。
- 用数据说话：主题数、接入数、色块颜色均由构建期数据统计 / 取值，页面不手写数字。