前言¶
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。
