橙子 · 深海蓝调（Chengzi Deep Sea）

为 DSH Web 界面（DeepSeek Harness Web GUI）打造的深海蓝调护眼皮肤： 暗色是深海军蓝底 + 冰蓝文字，浅色是清爽淡蓝白；蓝调覆盖全部界面 token， 附带一层若有若无的海洋氛围背景。与 DSH 官方皮肤中心契约完全兼容（manifest v2）。

• 形态：皮肤中心纯资产目录（无 npm 包、无 cordis 接线、无需重启）
• 兼容：@linxin666/dsh-client-ui-skin-center（皮肤中心，v2 契约）
• 版本：0.1.0

安装

皮肤中心从两个来源收录皮肤：包内内置皮肤 + 用户皮肤目录。本皮肤属于后者：

# 把整个 chengzi 目录放进 DSH 用户皮肤目录（目录不存在会自动创建）
Copy-Item chengzi $env:USERPROFILE\.dsh\skins\chengzi -Recurse

无需重启：重开「设置 → 皮肤中心」卡片或刷新页面即收录。

使用

1. 打开 DSH Web 界面 → 左下角「设置」→「皮肤中心」。
2. 列表中找到「橙子 · 深海蓝」卡片 → 点「应用」。
3. 界面立即换装（原子切换，无需刷新）；「试穿」可先预览，不喜欢点「退出试穿」。
4. 想还原：选中「官方默认」再点「应用」。

背景控制（皮肤中心卡片内）：遮罩 0–100%、背景模糊 0–20px、输入卡模糊 0–20px、气泡不透明度 0–100%。

皮肤内容

文件	说明
skin.json	皮肤清单（manifest v2，fail-closed 校验）
skin.css	L1 语义 token 重映射（浅/深两套）+ 少量 L2 语义选择器
patches.css	L3 自由选择器补丁（链接色、焦点环、输入区渐隐、提交图泳道色）
assets/ocean-dark.png assets/ocean-light.png	深浅两套海洋氛围背景（含遮罩 scrim）
preview/light.png preview/dark.png	皮肤中心卡片预览图
tools/generate-assets.ps1	一键重新生成背景图与预览图（System.Drawing）

自测

node test/validate.test.mjs

覆盖：清单结构与格式合规、引用文件齐全、CSS 安全线（无 @import/远程 URL/越界路径/内联 JS）、 花括号配平、skin.css 无 !important、浅/深两套 token 对称。

安全与边界

• 皮肤是纯外观资产：不运行任何脚本（用户目录皮肤不挂载 hooks.mjs），不触碰数据与功能。
• 所有 CSS 经皮肤中心安全管线强制作用域化到 html[data-dsh-skin="chengzi"]； 违规内容 fail-closed 拒绝加载，不会影响界面。
• 背景图与预览图由 tools/generate-assets.ps1 本地生成，无第三方素材授权问题。

版本记录

• 0.1.0（首个版本）：深海蓝调双模式配色、海洋氛围背景、皮肤中心卡片预览。

协议

MIT