乌黑主题
纯净黑灰；适用视频、图片、展示工具。基准色为工作参考值，基准色待设计确认，UI 主色待校准。
实验本期新增已接入
摘要
| 规范 ID | theme.xuanqing.wuhei |
|---|---|
| 色系 | 玄青色系（family.xuanqing） |
| 模式支持 | 深色（dark） |
| 传统色出处 | 烏黑 |
| 基准色 | #2D2D2D |
| 差量基础 | 基础主题（无差量，完整定义） |
UI 主色
主色取自语义映射 resolvedTokens.primary，是主题在组件上的核心品牌色；色阶中同值条目已标注对应步进。
| 色块 | |
|---|---|
| HEX | #9d9d9d |
| OKLCH | oklch(0.697 0 0) |
| 色阶步进 | step 5 |
色阶
OKLCH 生成的 10 阶色阶（step 1 最浅 → step 10 最深），附 sRGB 回退与 HEX；点击行可在右侧看板查看条目属性。
| step | 色块 | HEX | OKLCH | sRGB 回退 |
|---|---|---|---|---|
| 1 | #fafafa | oklch(0.985 0 0) | #fafafa | |
| 2 | #ededed | oklch(0.947 0 0) | #ededed | |
| 3 | #d6d6d6 | oklch(0.877 0 0) | #d6d6d6 | |
| 4 | #b9b9b9 | oklch(0.787 0 0) | #b9b9b9 | |
| 5 | #9d9d9d | oklch(0.697 0 0) | #9d9d9d | |
| 6 | #7c7c7c | oklch(0.587 0 0) | #7c7c7c | |
| 7 | #5f5f5f | oklch(0.487 0 0) | #5f5f5f | |
| 8 | #444444 | oklch(0.387 0 0) | #444444 | |
| 9 | #2d2d2d | oklch(0.297 0 0) | #2d2d2d | |
| 10 | #181818 | oklch(0.207 0 0) | #181818 |
语义映射
resolvedTokens 完整解析映射（键名对齐组件库语义令牌，省略 -- 前缀）；每行可复制为 CSS 变量声明。
| Token | 值 | 复制 |
|---|---|---|
background | #181818 | |
foreground | #fafafa | |
card | #2d2d2d | |
card-foreground | #fafafa | |
popover | #2d2d2d | |
popover-foreground | #fafafa | |
primary | #9d9d9d | |
primary-foreground | #181818 | |
secondary | #444444 | |
secondary-foreground | #fafafa | |
muted | #444444 | |
muted-foreground | #b9b9b9 | |
accent | #444444 | |
accent-foreground | #fafafa | |
destructive | #ef4444 | |
destructive-foreground | #ffffff | |
border | #5f5f5f | |
input | #5f5f5f | |
ring | #9d9d9d | |
chart-1 | #9d9d9d | |
chart-2 | #d6d6d6 | |
chart-3 | #5f5f5f | |
chart-4 | #b9b9b9 | |
chart-5 | #444444 |
可访问性
不适用：对比度数据待接入：主色与前景 / 背景的 WCAG 对比度验收为发布矩阵（§12）待办项，当前主题成熟度为实验；数据接入后在此展示对比度与达标级别。
复制配置
两种输出均经复制按钮追加构建标注（构建版本 + Git 提交号）；差量输出用于以本主题为基础派生变体，完整输出用于一次性导入全部语义 Token。
本主题为基础主题（无 baseThemeId），差量输出为 "baseThemeId": null 与空 overrides；派生变体时请以此为基底引用本主题 ID。
{
"background": "#181818",
"foreground": "#fafafa",
"card": "#2d2d2d",
"card-foreground": "#fafafa",
"popover": "#2d2d2d",
"popover-foreground": "#fafafa",
"primary": "#9d9d9d",
"primary-foreground": "#181818",
"secondary": "#444444",
"secondary-foreground": "#fafafa",
"muted": "#444444",
"muted-foreground": "#b9b9b9",
"accent": "#444444",
"accent-foreground": "#fafafa",
"destructive": "#ef4444",
"destructive-foreground": "#ffffff",
"border": "#5f5f5f",
"input": "#5f5f5f",
"ring": "#9d9d9d",
"chart-1": "#9d9d9d",
"chart-2": "#d6d6d6",
"chart-3": "#5f5f5f",
"chart-4": "#b9b9b9",
"chart-5": "#444444"
}