前言¶
DeepSeek Harness (DSH) 提供了 Web GUI 供用户进行智能体开发与调试。默认的界面风格偏向冷灰色调,如果你希望界面呈现 Claude Code 的视觉特征,可以使用 dsh-skin-claude-code。这个插件通过覆盖主题令牌,在不修改产品 DOM 选择器的前提下,重新定义了界面颜色与排版。
它是什么¶
这是一个由 lucasx001 维护的 DSH 皮肤插件。它的核心价值在于为 DeepSeek Harness 的 Web 界面提供了一套温暖、等宽字体的视觉方案,包括深色与浅色模式,并自动适配系统偏好。
核心功能¶
插件主要提供以下视觉与交互调整:
- 色彩系统:使用温暖的炭色/奶油色作为背景表面,替代默认的冷灰色。品牌色、焦点态、光标、链接以及滚动条统一使用陶土色(
#D97757)作为强调色。 - 排版风格:采用等宽终端字体(JetBrains Mono 或 ui-monospace 回退),代码块与
code/pre元素同样应用这一风格。 - 自动适配:插件通过覆盖令牌层叠加在当前活动主题之上,因此能自动跟随浅色、深色或系统偏好设置变化。
- 自动注册:作为 DSH bundle 安装,无需手动编辑配置文件即可生效。
安装与启用¶
使用官方安装命令即可完成安装与自动注册:
npx @deepseek-ai/dsh plugin --profile web add dsh-skin-claude-code
安装包包含一个便捷的安装脚本,可以指定不同的 profile:
./install.sh # 默认 profile 为 "web"
./install.sh <profile> # 指定其他 profile
工作原理¶
该插件不依赖手动编辑 cordis.patch.yml,而是利用 DSH 的 bundle 机制。
- 自动注册:插件的
package.json声明了dsh.bundle.patch,dsh plugin add会将其添加到对应 profile 的 bundles 列表中。启动时,加载器会自动应用其cordis.patch.yml。 - 主题覆盖:插件注册时调用
ctx.theme.overrideTokens,使用公开的--dsw-alias-*主题令牌覆盖原有颜色。 - 样式注入:通过 Cordis fiber 生命周期注入
<style>元素,控制等宽字体与终端风格的 Chrome 元素。 - 无选择器依赖:由于仅使用主题令牌,该插件在 Harness 版本更新后依然能安全运行。
自定义与修改¶
插件的样式文件位于 lib/ 目录下,这些是手写的构建产物,无需配置打包工具即可直接编辑。
- 打开
lib/client.js。 - 修改
TOKENS映射表以调整颜色。 - 修改
CSS模板以调整排版或细节。
修改后重新发布或安装即可看到效果。
卸载¶
如需移除该皮肤,执行:
npx @deepseek-ai/dsh plugin --profile web remove dsh-skin-claude-code
注意事项¶
- 许可证:本插件基于 MIT 许可证开源。
- 生态定位:DSH 插件目录与 DeepSeek / 幻方无官方从属关系,本插件为社区维护项目。
- 权限范围:插件在当前 DSH 进程的上下文中运行,修改仅限于 Web GUI 的视觉表现,不影响后端逻辑。
总结¶
dsh-skin-claude-code 为习惯 Claude Code 工作流的开发者提供了一个无需手动配置、自动适配主题的界面换装方案。通过简单的安装命令即可体验温暖色调与终端风格的结合。