前言¶
DeepSeek Harness(DSH)的 Web 界面默认走一套设计 token 与代码高亮配色。长时间在对话、diff、代码块里工作时,若偏好经典的深蓝编辑器氛围,往往需要自己改样式或混用其他主题插件,也不一定覆盖侧栏、气泡、滚动条等全界面表面。
下面介绍社区维护的 DSH 皮肤插件 dsh-skin-tomorrow-night-blue:把 Chris Kempson 的 Tomorrow Theme 中的 Tomorrow Night Blue 色板映射到 DSH 的 --dsw-alias-* 设计 token 与 Shiki 语法角色,一次启用即可统一画布、侧栏、面板、菜单、按钮、对话气泡、Markdown、diff 与代码块高亮。插件为 dsh.bundle 形态,无额外配置命名空间;不适用时可在设置或 CLI 中关闭或移除。
这是什么¶
| 项目 | 说明 |
|---|---|
| 名称 | dsh-skin-tomorrow-night-blue |
| 维护者 | Chinelytra |
| 分类 | 趣味换装(社区目录 SkillHub 插件页) |
| 源码 | GitHub: Chinelytra/dsh-skin-tomorrow-night-blue |
| 许可证 | MIT |
| 定位 | 非官方社区皮肤,与 DeepSeek、Tomorrow Theme 项目无隶属关系 |
插件将 15 个锚点色扩展为 113 个 --dsw-alias-* 设计 token,并为围栏代码块提供 11 个 Shiki 语法角色 配色,使界面与代码高亮同属一套 Tomorrow Night Blue 深蓝调色板。
核心能力(资料已核实)¶
-
全界面 token 覆盖
涵盖应用画布、抬升层、遮罩、边框、标签、品牌/链接/按钮色、交互与状态色、Markdown、diff、文件 diff、滚动条、焦点环、toast、tooltip、菜单,以及侧栏、气泡、编辑器、选择器、提示等 DSH 特有表面。 -
代码块与主题一致
Shiki 侧覆盖注释、关键字、字符串、数字/常量、函数、参数、标点与链接等角色,避免代码块仍使用默认 Shiki 色板。 -
首屏即深蓝,减少闪屏
Host 半通过webserver/index-inject向每次下发的index.html注入样式声明;Client 半在运行时追加 token 与 Shiki 样式并注册到__ModuleLoader__。浏览器在脚本加载前即可按皮肤绘制,减轻默认配色一闪而过的问题。 -
实现方式简单
单张样式表加一层 token;无运行时依赖、无联网请求、无独立 settings 命名空间。禁用或移除 bundle 即可恢复 DSH 默认外观。 -
调色板要点
背景#002451,当前行/抬升面#00346E,选中/嵌套面#003F8E,前景#FFFFFF,注释#7285B7;红/橙/黄/绿/青/蓝/紫等语法色见仓库 README 表格。Tomorrow Night Blue 无官方浅色版,皮肤在两种 appearance 下均保持该深色色板,并在首次使用时将 appearance 对齐为 dark。 -
技术结构(供排查用)
- Host:index.js,向index-inject推送一条结构化style行。
- Client:lib/client.js,追加<style>并注册 bundle。
- 色板单一来源:src/palette.mjs;build-client.mjs生成浏览器 bundle;verify.mjs离线校验。
声明使用!important,以便压过 DSH 在<body>上的内联 custom properties;与其他 token 层皮肤(例如dsh-opencode-palette)同时启用时,本皮肤优先,需让位时应先禁用本 bundle。
安装与启用¶
皮肤需安装到实际运行 GUI 的 profile:dsh --profile web 用 web,DSH Desktop 应用用 desktop。以下命令摘自仓库 README(示例为 web profile)。
从 GitHub 安装:
dsh plugin --profile web add github:Chinelytra/dsh-skin-tomorrow-night-blue
从 release 压缩包安装(预构建,无需本地 build):
dsh plugin --profile web add https://github.com/Chinelytra/dsh-skin-tomorrow-night-blue/releases/latest/download/dsh-skin-tomorrow-night-blue.tgz
从本地目录链接(需自行准备绝对路径):
dsh plugin --profile web add link:/absolute/path/to/dsh-skin-tomorrow-night-blue
DSH 对 profile 的插件变更通常可热生效;若色板未立即出现,可重启 DSH 一次(浏览器端随应用壳加载)。
典型用法与恢复默认¶
安装并启用后无需额外配置项:打开 Web GUI 或 Desktop 对应 profile 即可看到深蓝主题。
关闭或卸载:
- 图形界面:Settings → Plugins,关闭或移除
dsh-skin-tomorrow-night-blue。 - CLI:
dsh plugin --profile <profile> remove dsh-skin-tomorrow-night-blue
将 <profile> 换成你的 web 或 desktop 等实际 profile 名。
兼容性与已知限制¶
- DSH:Web GUI 0.2.x(README 写明在
0.2.2-rc.1、Desktop profile 下开发与测试;同一 client bundle 也服务于dsh --profile web)。package.json中engines.dsh为>=0.2.0-rc.1。 - Node.js:仅构建/校验脚本需要
>=20;日常使用皮肤不要求本地 build。 - 与其他皮肤:启用时本皮肤的
!important层优先于其他皮肤插件的 token 层。 - 未覆盖表面:部分辅助 UI 仍由设计系统 static token 绘制(例如部分文件变更/diff 卡片标题仍为中性深色),与各类 token 层皮肤共用同一边界。
- 深浅色:主题为深色色板,两种 appearance 下均保持该配色。
适用场景与安装前注意¶
适合习惯 Tomorrow Night Blue / 深蓝编辑器氛围、希望在 DSH 对话与代码阅读中统一配色的开发者。DSH 生态强调「一切皆插件」;SkillHub 等社区目录为独立站点,并非 DeepSeek 或幻方官方应用商店。
插件以当前 dsh 进程权限运行。安装前应自行查看 仓库源码 与 MIT 许可证,确认符合你的安全与合规要求。作者仓库提供 node verify.mjs 等离线校验,面向二次开发而非终端用户必做步骤。
结尾¶
dsh-skin-tomorrow-night-blue 用一套 Tomorrow Night Blue 色板覆盖 DSH Web GUI 的设计 token 与 Shiki 高亮,安装命令官方、依赖与配置面积极小。需要深蓝工作区视觉时,按 profile 添加 bundle 即可;要恢复默认外观,在插件设置中关闭或 CLI 移除即可。