在 DeepSeek Harness (DSH) Web 中,除了使用內置主題外,可以通過插件擴展界面樣式。dsh-vscode-theme 插件允許直接將 VS Code 的 .vsix 主題文件導入 Web 環境。它將 VS Code 的工作臺調色板映射到 DSH 的 UI 令牌,解析過程在瀏覽器本地完成,不涉及服務器上傳。
插件概況¶
該插件由 Sim-xia 維護,屬於“趣味換裝”分類。它主要解決將 VS Code 主題引入 DSH Web 的問題,具體功能包括:
- 在瀏覽器中解析
.vsix文件,不上傳到服務器。 - 在 DSH Web 的設置面板中提供導入 UI。
- 將 VS Code 工作臺調色板映射到 DSH UI 令牌。
- 爲智能體代理提供
vscode_theme_parse工具。 - 支持英語和簡體中文界面。
安裝¶
在終端中執行以下命令安裝插件:
dsh plugin --profile web add github:Sim-xia/dsh-vscode-theme
如果是從本地源碼構建,也可以使用 pnpm 命令。安裝完成後,重啓 DSH Web 配置文件以生效。該插件依賴 DSH 的標準 fs 和 tools 服務。
在 Web 界面中使用¶
- 打開 DSH Web,進入 Settings -> Plugins -> VS Code Themes。
- 將
.vsix文件拖入導入面板,或從磁盤選擇文件。 - 導入的主題會保存在瀏覽器的 IndexedDB 中,刷新或重啓 DSH 後依然可用。
- 通過保存的包菜單切換已導入的主題。
注意:主題解析完全在本地瀏覽器進行,不會上傳到服務器。
爲智能體代理使用¶
除了界面操作,插件還註冊了一個名爲 vscode_theme_parse 的工具,供智能體解析 VSIX 文件。
調用該工具時,需傳入文件路徑、主題名稱和詳細程度。詳細程度支持 summary(摘要)或 full(完整)。
示例請求:
{
"path": "/workspace/piousdeer.adwaita-theme-1.1.0.vsix",
"theme": "Adwaita Dark",
"detail": "summary"
}
summary模式:返回元數據、規則數量、繼承文件以及前 24 個工作臺顏色,適合保持上下文緊湊。full模式:返回所有解析後的顏色和令牌規則。
技術細節與注意事項¶
- 界面着色機制:插件將 VS Code 的工作臺調色板(背景、文本、邊框、焦點、選擇、狀態欄、側邊欄)映射到 DSH 的 UI 令牌。然而,語法令牌的顏色僅對代理解析器可用,不會重新着色 DSH 的界面本身。
- 開發要求:本地構建需要 Node.js 22 或更高版本;運行時兼容性需要 Node.js 20。