主题
6 套主题，各带明暗双模，每套都定义完整的 --icen-token-* 色彩面。组件只消费 token——换肤不改一行组件代码。在导航栏切换预设与明暗，本页色板实时跟随。
现代
[data-icen-preset="modern"]瓷白与冷蓝，让内容清楚，让操作轻盈。清透瓷面 · 冷调柔光
亮色
bg
bg-soft
surface
surface-strong
line
line-strong
text
text-muted
text-faint
accent
accent-strong
accent-cold
success
warning
error
成功 警告 错误
暗色
bg
bg-soft
surface
surface-strong
line
line-strong
text
text-muted
text-faint
accent
accent-strong
accent-cold
success
warning
error
成功 警告 错误
dongyun 东韵
[data-icen-preset="dongyun"]绢白留出呼吸，青瓷与沉墨相映，温润而有分寸。绢本与青瓷 · 温润细光
亮色
bg
bg-soft
surface
surface-strong
line
line-strong
text
text-muted
text-faint
accent
accent-strong
accent-cold
success
warning
error
成功 警告 错误
暗色
bg
bg-soft
surface
surface-strong
line
line-strong
text
text-muted
text-faint
accent
accent-strong
accent-cold
success
warning
error
成功 警告 错误
jugou 巨构
[data-icen-preset="jugou"]石灰白、铁灰与深朱红，以清楚的结构托住有分量的内容。混凝土与搪瓷 · 实体承重
亮色
bg
bg-soft
surface
surface-strong
line
line-strong
text
text-muted
text-faint
accent
accent-strong
accent-cold
success
warning
error
成功 警告 错误
暗色
bg
bg-soft
surface
surface-strong
line
line-strong
text
text-muted
text-faint
accent
accent-strong
accent-cold
success
warning
error
成功 警告 错误
piano 钢琴
[data-icen-preset="piano"]象牙白与乌木黑保持主次，金棕只落在关键动作。象牙琴键 · 乌木与漆面微光
亮色
bg
bg-soft
surface
surface-strong
line
line-strong
text
text-muted
text-faint
accent
accent-strong
accent-cold
success
warning
error
成功 警告 错误
暗色
bg
bg-soft
surface
surface-strong
line
line-strong
text
text-muted
text-faint
accent
accent-strong
accent-cold
success
warning
error
成功 警告 错误
monet 莫奈
[data-icen-preset="monet"]水面蓝绿叠出柔光，紫调含蓄，安静而不寡淡。睡莲水面 · 蓝绿柔光与含蓄紫调
亮色
bg
bg-soft
surface
surface-strong
line
line-strong
text
text-muted
text-faint
accent
accent-strong
accent-cold
success
warning
error
成功 警告 错误
暗色
bg
bg-soft
surface
surface-strong
line
line-strong
text
text-muted
text-faint
accent
accent-strong
accent-cold
success
warning
error
成功 警告 错误
vangogh 梵高
[data-icen-preset="vangogh"]日间是麦田里的钴蓝，入夜是深蓝上的星光金。亚麻画布 · 钴蓝与麦穗金
亮色
bg
bg-soft
surface
surface-strong
line
line-strong
text
text-muted
text-faint
accent
accent-strong
accent-cold
success
warning
error
成功 警告 错误
暗色
bg
bg-soft
surface
surface-strong
line
line-strong
text
text-muted
text-faint
accent
accent-strong
accent-cold
success
warning
error
成功 警告 错误
设计工具导出
bun run dtcg && bun run design-tokens
tokens 同时导出为设计工具互操作格式（DTCG 经典版 → Tokens Studio / Figma Variables），设计侧改 token 可走插件回灌，闭环到 src/tokens/*.css。
命令在仓库根执行；产物落在 dist/tokens/，npm 包内经 @icen.ai/ui/tokens/* 子路径可达：
dist/tokens/dtcg.json W3C DTCG 经典版（预设 → light/dark 两级有效级联 + 组级 $type + 别名） dist/tokens/tokens-studio.json Tokens Studio 插件原生格式（$themes 12 组，token set 键 modern/light 式） dist/tokens/figma.variables.json Figma Variables 形态（6 collection × light/dark；别名 → VARIABLE_ALIAS；rem 按 ×16 记 px） 诚实口径：color-mix / box-shadow 等不可表示项与仅单模式存在的 token 一律跳过并打印清单，不进产物（与 dtcg 导出同纪律）。