DeepSeek Harness 的五套配色(黑白、暖砂、靛蓝、苔绿、自定义三色),明暗两模式各自用 OKLCH 重算整条色阶,并按配色求解文字与承载面的对比度;附配置导入导出短码与高对比档。
安装
# npm 包(预构建)
dsh plugin --profile web add dsh-theme-palette
# Release 预构建包
dsh plugin --profile web add "https://github.com/zuoyunlai/dsh-theme-palette/releases/download/v1.6.0/dsh-theme-palette-1.6.0.tgz"
# GitHub 源码(首次需按提示配置 allowBuilds 构建授权后重试)
dsh plugin --profile web add github:zuoyunlai/dsh-theme-palette
装任何插件都等于在你的机器上跑第三方代码,权限和你本人一样大——能读你的文件、用你的凭据、访问网络,工具审批管不到它。GitHub 来源的插件还会在安装时执行构建脚本——pnpm 默认拦截,所以安装可能停在 ERR_PNPM_GIT_DEP_PREPARE_NOT_ALLOWED 或 ERR_PNPM_IGNORED_BUILDS;dsh 会打印出需要添加的确切键名,把它加进该 profile 的 pnpm-workspace.yaml 的 allowBuilds 下,重跑一次即可装上。放行构建本身就是一次信任判断:请只安装可信来源,并尽量锁定 commit(github:owner/repo#sha)。
README
English · 中文 · Español · Português · हिन्दी
DeepSeek Harness(Web / 桌面)的主题配色插件:4 套配色 × 明暗两模式,两个轴互相独立。

上图按真机面板宽度(内容区 564 px)静态渲染。
Compatibility
| 项目 | 状态 |
|---|---|
| DSH 桌面 / Web 客户端 | 0.2.x |
| Node.js | ≥ 20 |
| 对宿主源码的改动 | 无 |
插件只用 ctx.theme.overrideTokens 叠一层颜色 token:不注册主题、不改宿主、不动「外观」偏好。
What it does
- 4 套配色 —— 黑白 / 暖砂 / 靛蓝 / 苔绿,各自独立适配明暗两侧;
- 色阶整体重算而不是替换:OKLCH 重建 → 角色化色度 → sRGB 色域钳位 → 在真实承载面上求解对比度;
- 覆盖 27,000+ 处 token 引用:正文、次级、三级、注释、链接、侧栏、卡片、主人气泡、主按钮、滚动条、开关、Markdown 标题/加粗、代码块;
- 可调:文字着色三档、侧栏三档、右栏两档、Markdown 强调、滚动条、开关配色;
- 自定义配色(给 底色/文字/强调 三色,对比度保证不变)、配置导入导出(
dshs1.短码)、高对比档、4 种界面语言; - 自愈:宿主丢弃 override 层时自动重放;
- 界面支持 简体中文 / 繁體中文 / English / 日本語(跟随宿主,也可手选)。
Install
# 从 npm
cd ~/.dsh/profiles/desktop
pnpm add dsh-theme-palette
# 或指定版本
pnpm add dsh-theme-palette@1.4.3
从 GitHub Release 的 tarball:
pnpm add "https://github.com/zuoyunlai/dsh-theme-palette/releases/download/v1.4.3/dsh-theme-palette-1.4.3.tgz"
装完必须重启 GUI(运行中的进程仍持旧模块)。入口:左下角头像 → 设置 → 「主题色」。
Configuration
| 项 | 选项 |
|---|---|
| 配色 | 黑白 · 暖砂 · 靛蓝 · 苔绿(卡片缩略图跟随明暗) |
| 强度 | 静 / 标准 / 浓 —— 正文与强调的着色程度 |
| 面板表面 | 左侧栏(更浅 / 同色 / 更深)、右侧栏(同左栏 / 跟随画布) |
| 更多选项 | 语言、Markdown 强调、滚动条、开关 / 勾选 |
选择即时生效并存在 localStorage;明暗仍由宿主「外观」控制。
Palette engine
OKLCH(L, C, hue) ──► 色域钳位(对 C 二分) ──► sRGB hex
▲
└── 角色色度 × 强度,再在 {画布, 卡层, 侧栏, 悬浮层} 上求解对比度
- 语义别名保留
var(--dsw-static-neutral-bluish-NN)引用链,跟 token 的元素就跟着配色走; - 浅色面用色阶 00–300,深色面用 800–950;
- 文字下限在构建期强制:正文 ≥ 12、次级 ≥ 6.1、三级/链接 ≥ 4.6、侧栏内 ≥ 7、气泡内 ≥ 7;
node palette-dev.mjs跑 432 组配置。
逐组件设计取舍与对比度表见 docs/DESIGN.md,版本记录见 CHANGELOG.md。
Development
node palette-dev.mjs # 全部配色的 token 报表
node tools/sheet.mjs # 配色看板 → tools/sheet.html
node tools/shoot-sheet.mjs # 无头 Chrome 截看板
node tools/compare.mjs --dir tools/out/<run> # 与基线比
node tools/preview-settings.mjs --lang en # 渲染设置页
node tools/release.mjs --dry # 发版预检
node tools/release.mjs --tag # 发 npm + 打 tag
截图回归分两层:配色看板(免登录)与桌面真机窗口(tools/shoot-desktop.mjs,需要 --remote-debugging-port)。见 tools/README.md。
License
MIT © 2026 Zuoyunlai
链接
同类插件
Small-tailqwq/dsh-deep-whale#maid-atelier★ 2773
DSH Web 鲸鱼娘皮肤系列(深海女仆工坊 maid-atelier)。
elysia395/dsh-wallpaper-engine★ 1792
前置要求:DeepSeek Harness 0.1.5-rc.1+(DSH Desktop ≥ 2.0.7)且 dsh-better-sidebar ≥ 0.19.0,安装或更新本插件前请先更新两者。把本机 Wallpaper Engine 的 Video/Web 壁纸实时播放到聊天界面后方,Scene 壁纸由内置渲染器输出完整场景帧,支持内容分级/类型过滤、自定义壁纸上传与 iOS 液态玻璃设置窗口。
d-dev0101/open-sea-skin★ 402
实时 WebGPU 海洋皮肤,可快捷调节波浪、日光、玻璃不透明度与自动昼夜循环。
kingOfSoySauce/dsh-liang-skin★ 284
自适应推理等级滑块皮肤,将当前模型可用档位映射到 0–30 视觉强度,并同步人物、背景和界面配色。
Nwflower/dsh-claude-style★ 268
为 DSH Web GUI 复刻 Claude Code Desktop 的视觉与交互——象牙白/暖黑双画布、陶烬橙强调色、三字体排版、权限分段控件与品牌切换,以 CSS 覆盖与客户端 DOM override 实现。
RevolutionLA/dsh-dream-skin★ 265
一键换肤插件:8 套原创主题、背景壁纸(透明度/模糊)、强调色、主题包导入/导出+分享链接、收藏与随机,纯原生 token 系统接入。
社区评论
评论公开保存在 GitHub Discussions。加载评论会连接 GitHub 和 Giscus;发表内容需要 GitHub 账号。