dsh-theme-skins:为 DeepSeek Harness Web 界面换四套配色

前言

DeepSeek Harness(DSH)的 Web 界面自带浅色、深色与跟随系统,但画布、主色、代码高亮等细节仍是一套默认设计 token。若你长时间在 Harness 里写 prompt、看 diff、翻设置,只想换一套完整配色而不动布局、不 fork 前端,社区里会有「只改颜色层」的 bundle 插件。下面介绍维护者 123WE-glitch 发布的 dsh-theme-skins:在 设置 › 通用 › 主题皮肤 里一键切换四套精选皮肤,并保留「默认」以恢复原生外观。

这是什么

dsh-theme-skins(npm 包名 @local/dsh-theme-skins,当前资料中版本 1.1.0)是面向 DSH 0.2.x Web GUI 的社区第三方主题 bundle,与 DeepSeek 官方无从属关系。插件通过 ctx.theme.overrideTokens 覆盖设计系统颜色 token,不重写 DOM、不替换组件;禁用或卸载后覆盖层移除,界面回到 DSH 原生样式。

四套皮肤及 id 如下(资料原文):

主题 id 说明(资料摘要)
极光 Aurora aurora 浅色:薰衣草纸感 + 靛蓝;深色:深海靛蓝夜色
夜航 Night Flight nightflight 浅色:雾蓝灰 + 天蓝;深色:蓝黑底 + 霓虹蓝
北境 Nordfjord nord 浅色:雪原灰蓝 + 霜蓝;深色:极夜蓝灰 + 冰蓝
樱花 Sakura sakura 浅色:奶油粉 + 玫瑰;深色:暗紫梅 + 樱花粉
默认 Default default DSH 原生外观

每套主题自带浅色、深色两套色板,跟随 设置 › 外观 中的浅色 / 深色 / 跟随系统自动切换,无需在皮肤里单独选颜色模式。选择结果保存在浏览器 localStorage,重启 Harness 后仍会记住。

核心功能

资料中列出的能力要点如下。

  • 5 种外观:4 套完整配色 + 1 个「默认」,共 5 种可选。
  • 完整 token 覆盖:每套主题展开为 104 个颜色相关 token(画布、表面、边框、文字层级、主色、状态色、代码高亮、用户气泡、菜单/弹窗、滚动条、diff 等),以 { light, dark } 成对提供。
  • 零布局改动:Host 端 index.js 为空壳,界面逻辑在预构建的 client.js;依赖 Cordis 的 theme / slots / locale 服务,在 settings.general.item 槽位注册中英双语设置行(卡片式选择器 + 双色圆形色板)。
  • 安装形态多样:Windows 提供无需 Node / Git / 联网的一键 Setup.exe;另有便携 zip、profile 内 pnpm add link: 手动登记,或由 Harness 内 Agent 通过 Plugin Manager 的 install_bundle 指向本地目录绝对路径。
  • 许可证:MIT;Night Flight、Nordfjord 配色分别参考 Tokyo Night、Nord(资料 Credits 节)。

安装与启用

安装前请自行阅读仓库源码与 MIT 许可证。DSH 插件以当前 Harness 进程权限运行,第三方 bundle 不应在未审阅的情况下直接信任。

Windows:下载即用(资料推荐)

从 GitHub Releases 获取安装包,双击 DSH-ThemeSkins-Setup.exe(约 190 KB)。安装程序会把插件复制到 %LOCALAPPDATA%\dsh-theme-skins,并尝试用 Harness 自带的 pnpm 把插件登记进当前 profile;找不到运行时时会降级为目录链接并直接写入依赖,然后启用 bundle。

装好后 重启 DeepSeek Harness,在 设置 › 通用 › 主题皮肤 中切换。卸载可运行 DSH-ThemeSkins-Uninstall.exe,或在 设置 › 插件 中移除该 bundle。资料提示:exe 未做代码签名,Windows SmartScreen 可能拦截,可选择「更多信息 → 仍要运行」;静默安装为 DSH-ThemeSkins-Setup.exe --silent(退出码 0/1),--uninstall 可触发卸载模式。

便携版文件名为 dsh-theme-skins-portable.zip,供 Agent 或手动安装场景使用(具体步骤以 Release 说明与 README 为准)。

手动登记到当前 profile(等价操作)

前提:已安装 DeepSeek Harness 桌面端 0.2.x,且 Web GUI 由 @deepseek-ai/dsh-client-ui-theme 提供 theme 服务。

进入当前 profile 目录(资料示例:Windows 下一般为 C:\Users\<you>\.dsh\profiles\desktop,也可用环境变量 DSH_PROFILE_DIR):

cd "$DSH_PROFILE_DIR"

将插件目录以 link 方式加入依赖(路径使用正斜杠,替换为你的本地绝对路径):

pnpm add "link:C:/path/to/dsh-theme-skins"

编辑 profile 的 package.json,确保依赖与 bundle 列表包含该包(资料原文示例):

{
  "dependencies": {
    "@local/dsh-theme-skins": "link:C:/path/to/dsh-theme-skins"
  },
  "dsh": {
    "profile": {
      "bundles": ["...", "@local/dsh-theme-skins"]
    }
  }
}

重启 Harness 或刷新 Web 页面后生效。

由 Harness Agent 安装

在 Harness 会话中让 Agent 执行 Plugin Manager 的 install_bundle,target 填插件仓库在本机的 绝对路径(安装后 profile 会以 link: 引用该目录,之后不要移动或删除)。资料说明安装会自动完成 pnpm add link:<path>、profile 依赖、bundle 选择与热加载。

典型用法

  1. 完成上述任一安装方式并重启(或刷新)Harness。
  2. 打开 设置 › 通用 › 主题皮肤。
  3. 点选 默认 / 极光 / 夜航 / 北境 / 樱花 之一;颜色模式仍由 设置 › 外观 控制。
  4. 若只想恢复原生界面,点 默认 即可;移除 bundle 或运行卸载程序后同样需重启以完全恢复。

开发者若要在本机扩展主题,资料给出的流程是:编辑 src/theme-core.mjs 中的 SKINS,运行 node src/build-client.mjs 重新生成 client.js,再在 src/build-client.mjs 的 ZH / EN 字典中为新 id 补显示名,最后重新安装 bundle 或重启应用加载新模块。

适用场景与注意

适合谁:长期在 DSH Web 界面工作、希望整套 UI 配色统一替换(含代码高亮与 diff 色),又不愿改前端组件或私有 DOM 的用户。

兼容性:面向 DSH 0.2.x 与 theme.overrideTokens 扩展点;只覆盖颜色类 token。后续 DSH 若保留该接口,插件仍可沿用;若接口变更需等待作者适配。

安全与审阅:社区插件目录(如 SkillHub 插件页)与 GitHub 仓库独立维护,并非 DeepSeek 官方应用商店。安装前建议查看 123WE-glitch/dsh-theme-skins 源码,尤其是 client.js 与 cordis.patch.yml。

分类:社区目录中归类为「趣味换装」;当前 GitHub 星标为 0(以你查阅仓库时页面显示为准)。

结尾

dsh-theme-skins 用 token 覆盖层为 Harness Web UI 提供 Aurora、Night Flight、Nordfjord、Sakura 四套深浅自适应配色,并在设置里集中切换。需要一键安装可看 Releases 中的 Windows 安装器;需要可审阅、可改色板可走 link 安装或自行构建。

羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

小夜