dsh-skin-claude-code:DeepSeek Harness 的 Claude Code 風格皮膚

前言

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 機制。

  1. 自動註冊:插件的 package.json 聲明瞭 dsh.bundle.patch,dsh plugin add 會將其添加到對應 profile 的 bundles 列表中。啓動時,加載器會自動應用其 cordis.patch.yml。
  2. 主題覆蓋:插件註冊時調用 ctx.theme.overrideTokens,使用公開的 --dsw-alias-* 主題令牌覆蓋原有顏色。
  3. 樣式注入:通過 Cordis fiber 生命週期注入 <style> 元素,控制等寬字體與終端風格的 Chrome 元素。
  4. 無選擇器依賴:由於僅使用主題令牌,該插件在 Harness 版本更新後依然能安全運行。

自定義與修改

插件的樣式文件位於 lib/ 目錄下,這些是手寫的構建產物,無需配置打包工具即可直接編輯。

  1. 打開 lib/client.js。
  2. 修改 TOKENS 映射表以調整顏色。
  3. 修改 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 工作流的開發者提供了一個無需手動配置、自動適配主題的界面換裝方案。通過簡單的安裝命令即可體驗溫暖色調與終端風格的結合。

羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

小夜