玄色主题
中性深黑；适用高端、沉浸、媒体产品。基准色为工作参考值，基准色待设计确认，UI 主色待校准。
实验本期新增已接入
摘要
| 规范 ID | theme.xuanqing.xuanse |
|---|---|
| 色系 | 玄青色系（family.xuanqing） |
| 模式支持 | 深色（dark） |
| 传统色出处 | 玄色 |
| 基准色 | #2A2422 |
| 差量基础 | 基础主题（无差量，完整定义） |
UI 主色
主色取自语义映射 resolvedTokens.primary，是主题在组件上的核心品牌色；色阶中同值条目已标注对应步进。
| 色块 | |
|---|---|
| HEX | #9a9290 |
| OKLCH | oklch(0.666 0.01 39.3) |
| 色阶步进 | step 5 |
色阶
OKLCH 生成的 10 阶色阶（step 1 最浅 → step 10 最深），附 sRGB 回退与 HEX；点击行可在右侧看板查看条目属性。
| step | 色块 | HEX | OKLCH | sRGB 回退 |
|---|---|---|---|---|
| 1 | #f2f0ef | oklch(0.956 0.003 39.3) | #f2f0ef | |
| 2 | #e6e2e1 | oklch(0.916 0.004 39.3) | #e6e2e1 | |
| 3 | #d0cbc9 | oklch(0.846 0.006 39.3) | #d0cbc9 | |
| 4 | #b5aeac | oklch(0.756 0.008 39.3) | #b5aeac | |
| 5 | #9a9290 | oklch(0.666 0.01 39.3) | #9a9290 | |
| 6 | #79726f | oklch(0.556 0.01 39.3) | #79726f | |
| 7 | #5c5553 | oklch(0.456 0.009 39.3) | #5c5553 | |
| 8 | #403b39 | oklch(0.356 0.008 39.3) | #403b39 | |
| 9 | #292423 | oklch(0.266 0.007 39.3) | #292423 | |
| 10 | #13100f | oklch(0.176 0.006 39.3) | #13100f |
语义映射
resolvedTokens 完整解析映射（键名对齐组件库语义令牌，省略 -- 前缀）；每行可复制为 CSS 变量声明。
| Token | 值 | 复制 |
|---|---|---|
background | #13100f | |
foreground | #f2f0ef | |
card | #292423 | |
card-foreground | #f2f0ef | |
popover | #292423 | |
popover-foreground | #f2f0ef | |
primary | #9a9290 | |
primary-foreground | #13100f | |
secondary | #403b39 | |
secondary-foreground | #f2f0ef | |
muted | #403b39 | |
muted-foreground | #b2afae | |
accent | #403b39 | |
accent-foreground | #f2f0ef | |
destructive | #ef4444 | |
destructive-foreground | #ffffff | |
border | #585656 | |
input | #585656 | |
ring | #9a9290 | |
chart-1 | #9a9290 | |
chart-2 | #d0cbc9 | |
chart-3 | #5c5553 | |
chart-4 | #b5aeac | |
chart-5 | #403b39 |
可访问性
不适用：对比度数据待接入：主色与前景 / 背景的 WCAG 对比度验收为发布矩阵（§12）待办项，当前主题成熟度为实验；数据接入后在此展示对比度与达标级别。
复制配置
两种输出均经复制按钮追加构建标注（构建版本 + Git 提交号）；差量输出用于以本主题为基础派生变体，完整输出用于一次性导入全部语义 Token。
本主题为基础主题（无 baseThemeId），差量输出为 "baseThemeId": null 与空 overrides；派生变体时请以此为基底引用本主题 ID。
{
"background": "#13100f",
"foreground": "#f2f0ef",
"card": "#292423",
"card-foreground": "#f2f0ef",
"popover": "#292423",
"popover-foreground": "#f2f0ef",
"primary": "#9a9290",
"primary-foreground": "#13100f",
"secondary": "#403b39",
"secondary-foreground": "#f2f0ef",
"muted": "#403b39",
"muted-foreground": "#b2afae",
"accent": "#403b39",
"accent-foreground": "#f2f0ef",
"destructive": "#ef4444",
"destructive-foreground": "#ffffff",
"border": "#585656",
"input": "#585656",
"ring": "#9a9290",
"chart-1": "#9a9290",
"chart-2": "#d0cbc9",
"chart-3": "#5c5553",
"chart-4": "#b5aeac",
"chart-5": "#403b39"
}