前言¶
DeepSeek Harness（DSH）通过 profile 在 DeepSeek 应用（含 Web GUI）上叠加一层层插件 bundle 补丁。默认 Web 界面自带浅色/深色切换，但若你长期在浏览器里调试智能体、看 transcript 与代码块，内置配色往往与编辑器里惯用的 Monokai Pro 不一致，切换外观后也容易留下「半套主题」的控件色。下面介绍社区插件 dsh-monokai-pro（维护者 trespassmk），它把 Monokai Pro 的官方色板移植到 DSH Web GUI，并以 DSH 插件 bundle 形式安装，无需改 Host 或自行写 CSS。
这是什么¶
dsh-monokai-pro 是面向 DSH Web GUI 的深色 UI/UX 主题包：六个官方滤镜、语法高亮色、完整 chrome（滚动条、toast、diff 等），以 Cordis bundle 交付，仅含 Client 半段，注入当前运行页面并在重启后仍由 profile 加载。npm 包名与仓库同名，当前版本 1.1.1，许可证 MIT。色值来自 Monokai Pro VS Code 扩展 2.0.16，而非近似取值。分类上属于社区目录中的「趣味换装」类插件；仓库星标以 GitHub 页面为准。
核心功能¶
六种官方滤镜¶
与 Monokai Pro 产品一致，可在设置行用色块切换：Pro、Classic、Octagon、Ristretto、Spectrum、Machine。滤镜仅作用于深色方案；浅色仍使用官方 Monokai Pro Light counterpart（例如画布 #FAF4F2、侧栏 #EDE7E5、正文 #29242A），避免切到 Light 后出现未染色区域。
表面与文字层级¶
深色工作区以暖炭色为主：工作区 #2D2A2E，侧栏/状态/标题 #221F22，最深 chrome #19181A，控件/面板/菜单/输入 #403E41；各滤镜将 background / dark1 / dark2 / dimmed5 等角色映射到这些面上。文字阶梯包括主色 #FCFCFA、次级 #C1C0C0 等，均取自当前滤镜。
强调色与语法高亮¶
六色强调族：黄 #FFD866（品牌与主操作）、粉 #FF6188（错误）、橙 #FC9867（警告）、绿 #A9DC76（成功）、青 #78DCE8（信息）、紫 #AB9DF2（常量）。代码块侧为 Monokai 风格：粉关键字、黄字符串、绿函数、紫常量、橙参数、灰注释。
字体与覆盖范围¶
界面字体栈为 Avenir Next → Inter → Segoe UI Variable Text；代码为 JetBrains Mono → Cascadia Code → Fira Code → SF Mono。用户在 Settings → General → Font settings 中指定的字体仍优先生效。主题覆盖焦点环、滚动条、工具提示、diff 等 chrome；激活与 hover 使用黄色 accent wash。
实现方式（便于排查）¶
client.js 通过 ctx.theme.overrideTokens(packageId, tokens) 在现有内置主题之上叠加 alias token 层，关闭开关即移除该层、不改动底稿 palette。index.js 为空 Host 半段，用于在插件清单中可见并携带 Client 补丁。开关与滤镜选择保存在浏览器 localStorage（键名 dsh.plugin.monokai-pro.enabled、dsh.plugin.monokai-pro.variant）；Host 侧仅持久化内置的 light/dark/system，因此 reload 后需由 Client 再次套用 palette。
安装与启用¶
前提：本机已安装 DSH（dsh 在 PATH 中），且 profile 包含 Web GUI，例如 web。无构建步骤，无 peer 依赖，client.js 随包发布。
推荐从 npm 安装：
dsh plugin --profile web add dsh-monokai-pro
若 profile 名称不是 web，将 web 换成你的 profile 名：
dsh plugin --profile <name> add dsh-monokai-pro
包位于 npm registry；dsh plugin … add 经 pnpm 解析，版本范围与 dist-tag 与 npm/pnpm 用法一致。
安装或更新 bundle 后：
- 刷新 Web 页面一次，让浏览器加载当前代的
client.js。 - 打开 Settings → General，在 Transcript view 之后找到 Monokai Pro 行。
- 首次安装默认开关为开，并会将外观偏好设为 Dark；关闭开关会立即去掉 token 层，恢复内置配色。
- 在说明文字下的色块中选择滤镜；每个色块左下预览该变体画布、右上预览粉色 accent。
更新与移除：
dsh plugin --profile web add dsh-monokai-pro@latest
dsh plugin --profile web remove dsh-monokai-pro
典型用法¶
日常流程可以概括为：在 web profile 上 add 包 → 刷新 GUI → 在 General 里确认 Monokai Pro 开关 → 点选六种滤镜之一。若你使用系统或内置 Light 模式，插件仍会提供 Light 侧完整 token，滤镜只影响 Dark。需要与团队默认外观隔离时，记住开关与滤镜是本浏览器本地状态，不会写入 Host 设置文档。
适用场景与注意¶
适合：长期在 DSH Web GUI 中工作、希望与 VS Code Monokai Pro 视觉对齐的开发者；需要在六种官方滤镜间快速试色的用户。
注意：
- 插件随当前 DSH profile 加载，以该进程权限运行；安装前请阅读 GitHub 源码 与 MIT 许可证，自行评估是否纳入生产 profile。
- 社区插件目录 skillhub.cn 为独立站点，与 DeepSeek / 幻方无官方从属关系，并非官方应用商店。
- README 中 GitHub 本地路径安装面向改主题本身的贡献者；日常使用以 npm 命令为准。
结尾¶
dsh-monokai-pro 把 Monokai Pro 官方六滤镜与语法色搬进 DSH Web GUI，通过 General 里一行开关和色块即可启用。更多信息见目录页 skillhub.cn/plugins/trespassmk/dsh-monokai-pro 与仓库 github.com/trespassmk/dsh-monokai-pro。
