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 倉庫