dsh-skin-claude-code:DeepSeek Harness 的 Claude Code 风格皮肤

前言

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 机制。

  1. 自动注册:插件的 package.json 声明了 dsh.bundle.patch,dsh plugin add 会将其添加到对应 profile 的 bundles 列表中。启动时,加载器会自动应用其 cordis.patch.yml。
  2. 主题覆盖:插件注册时调用 ctx.theme.overrideTokens,使用公开的 --dsw-alias-* 主题令牌覆盖原有颜色。
  3. 样式注入:通过 Cordis fiber 生命周期注入 <style> 元素,控制等宽字体与终端风格的 Chrome 元素。
  4. 无选择器依赖:由于仅使用主题令牌,该插件在 Harness 版本更新后依然能安全运行。

自定义与修改

插件的样式文件位于 lib/ 目录下,这些是手写的构建产物,无需配置打包工具即可直接编辑。

  1. 打开 lib/client.js。
  2. 修改 TOKENS 映射表以调整颜色。
  3. 修改 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 工作流的开发者提供了一个无需手动配置、自动适配主题的界面换装方案。通过简单的安装命令即可体验温暖色调与终端风格的结合。

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

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

小夜