dsh-client-ui-dracula

DeepSeek Harness (DSH) 的 Web 界面在功能上很完整，但在视觉和排版上可能不适合长时间编码。dsh-client-ui-dracula 解决了这个问题。这是一个由 Erbsen16 维护的插件，它将整个界面重指到 Dracula 色板，并调整了列宽和字体。

核心功能¶

该插件主要包含以下调整：

• Dracula 配色整体重指：覆盖页面、卡片、浮层、边框、文字、代码块、JSON 树、滚动条等所有可见元素。
• 编程向字体栈：代码字体和界面字体统一使用编程向字体（默认为 Cascadia Mono / Segoe UI Variable Text）。
• 排版优化：正文列宽从默认的 748px 调整为 1080px，代码块改为横向滚动，工具输出区高度增加。
• 深色模式专用：配色仅针对深色模式生效。摘除插件属性后界面立即还原，无需刷新；在设置中切换回浅色模式也不会出现配色冲突。

安装与启用¶

桌面端安装可通过图形界面完成：

1、打开 DSH 设置。
2、进入「插件」页面。
3、点击右上角的 + 添加插件。
4、输入插件名 dsh-client-ui-dracula 并确认。

Web 端或其他 profile 可使用命令行安装：

dsh plugin --profile web add dsh-client-ui-dracula

安装成功后，插件会自动将样式注入页面。

典型用法¶

调整参数

插件提供了可调参数。编辑插件目录下的 lib/client.js 文件，找到第 0 节的 CSS 变量：

'--dracula-content-width: 1080px;'                    /* 正文和输入框宽度 */
'--dracula-code-font: "Cascadia Mono", ...';          /* 代码字体 */
'--dracula-ui-font: "Segoe UI Variable Text", ...';   /* 界面字体 */

保存后，客户端 HMR 会自动重载样式。

临时对比

若需临时对比效果，可在浏览器控制台执行以下命令：

__dracula.set(false)  // 关闭
__dracula.set(true)   // 开启

适用场景与注意¶

• 深色模式依赖：插件仅针对深色模式，浅色模式下会显示官方默认样式。
• 内嵌页面限制：内嵌的开放平台页面（extras/ 目录）样式由 JS 动态生成，本插件无法覆盖。
• 非官方改动：extras/platform-purple/ 目录下的补丁需要修改宿主程序的 app.asar 文件，属于非官方改动，升级宿主程序后会被覆盖。
• 兼容性：插件基于 DSH 0.2.0-rc.2 和 0.1.7-rc.2 版本的前端逻辑编写。部分针对带哈希的 CSS Module 类名（如 .wSkVaW_root）的细化规则，在 DSH 升级后可能会失效。

总结¶

dsh-client-ui-dracula 通过 CSS 变量重指和排版调整，为 DSH Web 界面提供了一套完整的 Dracula 深色主题。它适合希望在编程环境中保持视觉一致性、优化阅读体验的开发者。

• GitHub 仓库