v0.6.0 · 深色主题与动效

深色主题

一个给终端用户看的 CLI 目录，用户整天对着深色终端，站点却只有纯白——这是场景错位，不只是审美问题。

现在有了：默认跟随系统，顶栏按钮可手动切换并记住选择。首次绘制前落定主题，不会先闪一下白再变深。

做法

只覆盖语义令牌，组件规则零改动。底色用带蓝的深灰 #0b0d12 而不是纯黑，避免和终端窗口一样死板。

品牌蓝 #002FA7 在深底上对比只有约 2:1，不够读。文字与链接改用同色相提亮版 #7d9dff（对 bg 7.53:1），实心按钮反转为「亮蓝底 + 深色字」，保持同一色相家族。

深色下层次反转为「越亮越靠前」：工具预览卡片抬到 --surface-hover，不再读成凹陷。

三处必须固定字面色

1. 品牌页色板——标注的是具体 hex 值。跟随令牌会让标着 #FFFFFF 的色块渲染成近黑，文档就成了假的
2. 主标记展示板——用 --accent 会把 Klein Blue 提亮成另一种蓝，等于改掉品牌色
3. 单色标记——源文件是 #19191d，深底上会消失，换浅色版本展示同一几何

字标换色用 CSS content: url()，不需要 JS、不产生闪烁。

对比度

深色 27 组全部 ≥4.5:1，写入 contrast.config.json 的 palettes.dark。

动效

• 翻页新增的卡片按 45ms 错峰滑入，已有卡片原地不动——视觉上是「追加」而不是「重绘」
• 主题按钮按下有 0.92 缩放回弹
• 两者都在系统「减弱动态效果」下关闭

---

验收：pnpm build 通过（194 个本地化页面），40 项行为与安全回归测试通过，浅色模式无回归。

商标与图标归各权利人所有，本站为独立社区项目，不代表任何厂商背书。