前言¶
DeepSeek Harness (DSH) 提供了 Web GUI 供用戶進行智能體開發與調試。默認的界面風格偏向冷灰色調,如果你希望界面呈現 Claude Code 的視覺特徵,可以使用 dsh-skin-claude-code。這個插件通過覆蓋主題令牌,在不修改產品 DOM 選擇器的前提下,重新定義了界面顏色與排版。
它是什麼¶
這是一個由 lucasx001 維護的 DSH 皮膚插件。它的核心價值在於爲 DeepSeek Harness 的 Web 界面提供了一套溫暖、等寬字體的視覺方案,包括深色與淺色模式,並自動適配系統偏好。
核心功能¶
插件主要提供以下視覺與交互調整:
- 色彩系統:使用溫暖的炭色/奶油色作爲背景表面,替代默認的冷灰色。品牌色、焦點態、光標、鏈接以及滾動條統一使用陶土色(
#D97757)作爲強調色。 - 排版風格:採用等寬終端字體(JetBrains Mono 或 ui-monospace 回退),代碼塊與
code/pre元素同樣應用這一風格。 - 自動適配:插件通過覆蓋令牌層疊加在當前活動主題之上,因此能自動跟隨淺色、深色或系統偏好設置變化。
- 自動註冊:作爲 DSH bundle 安裝,無需手動編輯配置文件即可生效。
安裝與啓用¶
使用官方安裝命令即可完成安裝與自動註冊:
npx @deepseek-ai/dsh plugin --profile web add dsh-skin-claude-code
安裝包包含一個便捷的安裝腳本,可以指定不同的 profile:
./install.sh # 默認 profile 爲 "web"
./install.sh <profile> # 指定其他 profile
工作原理¶
該插件不依賴手動編輯 cordis.patch.yml,而是利用 DSH 的 bundle 機制。
- 自動註冊:插件的
package.json聲明瞭dsh.bundle.patch,dsh plugin add會將其添加到對應 profile 的 bundles 列表中。啓動時,加載器會自動應用其cordis.patch.yml。 - 主題覆蓋:插件註冊時調用
ctx.theme.overrideTokens,使用公開的--dsw-alias-*主題令牌覆蓋原有顏色。 - 樣式注入:通過 Cordis fiber 生命週期注入
<style>元素,控制等寬字體與終端風格的 Chrome 元素。 - 無選擇器依賴:由於僅使用主題令牌,該插件在 Harness 版本更新後依然能安全運行。
自定義與修改¶
插件的樣式文件位於 lib/ 目錄下,這些是手寫的構建產物,無需配置打包工具即可直接編輯。
- 打開
lib/client.js。 - 修改
TOKENS映射表以調整顏色。 - 修改
CSS模板以調整排版或細節。
修改後重新發布或安裝即可看到效果。
卸載¶
如需移除該皮膚,執行:
npx @deepseek-ai/dsh plugin --profile web remove dsh-skin-claude-code
注意事項¶
- 許可證:本插件基於 MIT 許可證開源。
- 生態定位:DSH 插件目錄與 DeepSeek / 幻方無官方從屬關係,本插件爲社區維護項目。
- 權限範圍:插件在當前 DSH 進程的上下文中運行,修改僅限於 Web GUI 的視覺表現,不影響後端邏輯。
總結¶
dsh-skin-claude-code 爲習慣 Claude Code 工作流的開發者提供了一個無需手動配置、自動適配主題的界面換裝方案。通過簡單的安裝命令即可體驗溫暖色調與終端風格的結合。