dsh-darkplus-code:VS Code Dark+ 語法配色與代碼塊字體大小控制插件

DeepSeek Harness (DSH) 默認提供 light / dark 兩套內置調色板,且代碼塊字體大小固定爲 11px,導致代碼塊字體大小無法跟隨用戶在「設置 → 通用 → 字體大小」中調整的內容字體大小變化。dsh-darkplus-code 插件旨在解決這一視覺不一致問題,通過替換代碼塊調色板並接管字體大小計算邏輯,使代碼塊的樣式與整體界面風格更加統一。

這是什麼

該插件由開發者 yis94744 維護,屬於「趣味換裝」類工具。它僅修改代碼塊的語法高亮顏色和字體大小,不觸及 DSH 界面的其他部分。

核心功能

  1. Dark+ 語法配色
    將代碼塊內置調色板替換爲 VS Code Dark+ 調色板。插件會定義關鍵字、常量、字符串、註釋、參數、標點、鏈接以及類型/函數等 token 的具體顏色值。

  2. 跟隨字體大小
    代碼塊字體大小現在可以跟隨全局內容字體大小設置。插件支持以下模式:
    - Follow:默認模式,代碼塊大小跟隨內容字體。
    - Ratio:按比例縮放。
    - Fixed:固定大小。

  3. 獨立設置項
    在「設置 → 通用」中新增獨立的「代碼塊外觀」配置行,用戶無需修改全局設置即可單獨調整代碼塊樣式。

  4. Type/Function 顏色選擇
    由於 Shiki 將 entity.name.type 和 entity.name.function 歸爲同一變量,插件提供兩種顏色選擇:Type/function teal 或 function yellow。

  5. 持久化保存
    設置會保存至本地配置文件(~/.dsh-darkplus-code/config.json),重啓或更換端口後依然生效。

安裝與啓用

使用 DSH 官方 CLI 安裝插件。

dsh plugin --profile <your-profile> add dsh-darkplus-code

安裝完成後,重啓 DSH 或重新加載頁面,打開「設置 → 通用」,在「代碼塊外觀」區域進行配置。

典型用法

  1. 執行安裝命令。
  2. 在設置中,將代碼塊字體大小模式設置爲「Follow」或「Ratio」。
  3. 根據喜好選擇 Type/function 顏色。
  4. 查看頁面左下角的實時預覽數值。

適用場景與注意

  • 適用範圍:僅影響代碼塊樣式,不影響界面背景、邊框、玻璃效果等其他 UI 元素。
  • 技術實現:插件通過 !important 規則覆蓋 Shiki 生成的內聯樣式,以確保變量優先級生效。
  • 環境依賴:需要 DSH 支持 Shiki CSS Variables theme;依賴可選的 webServer 服務以實現設置持久化,若未啓動該服務,插件仍可渲染樣式但無法保存配置。
  • 源碼與許可:安裝前建議檢查源碼與許可證。

總結

該插件通過精細化的樣式控制,優化了代碼展示的視覺體驗。更多細節與源碼,請訪問 GitHub 倉庫。

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

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

小夜