DeepSeek Harness (DSH) 默認提供 light / dark 兩套內置調色板,且代碼塊字體大小固定爲 11px,導致代碼塊字體大小無法跟隨用戶在「設置 → 通用 → 字體大小」中調整的內容字體大小變化。dsh-darkplus-code 插件旨在解決這一視覺不一致問題,通過替換代碼塊調色板並接管字體大小計算邏輯,使代碼塊的樣式與整體界面風格更加統一。
這是什麼¶
該插件由開發者 yis94744 維護,屬於「趣味換裝」類工具。它僅修改代碼塊的語法高亮顏色和字體大小,不觸及 DSH 界面的其他部分。
核心功能¶
-
Dark+ 語法配色
將代碼塊內置調色板替換爲 VS Code Dark+ 調色板。插件會定義關鍵字、常量、字符串、註釋、參數、標點、鏈接以及類型/函數等 token 的具體顏色值。 -
跟隨字體大小
代碼塊字體大小現在可以跟隨全局內容字體大小設置。插件支持以下模式:
- Follow:默認模式,代碼塊大小跟隨內容字體。
- Ratio:按比例縮放。
- Fixed:固定大小。 -
獨立設置項
在「設置 → 通用」中新增獨立的「代碼塊外觀」配置行,用戶無需修改全局設置即可單獨調整代碼塊樣式。 -
Type/Function 顏色選擇
由於 Shiki 將entity.name.type和entity.name.function歸爲同一變量,插件提供兩種顏色選擇:Type/function teal 或 function yellow。 -
持久化保存
設置會保存至本地配置文件(~/.dsh-darkplus-code/config.json),重啓或更換端口後依然生效。
安裝與啓用¶
使用 DSH 官方 CLI 安裝插件。
dsh plugin --profile <your-profile> add dsh-darkplus-code
安裝完成後,重啓 DSH 或重新加載頁面,打開「設置 → 通用」,在「代碼塊外觀」區域進行配置。
典型用法¶
- 執行安裝命令。
- 在設置中,將代碼塊字體大小模式設置爲「Follow」或「Ratio」。
- 根據喜好選擇 Type/function 顏色。
- 查看頁面左下角的實時預覽數值。
適用場景與注意¶
- 適用範圍:僅影響代碼塊樣式,不影響界面背景、邊框、玻璃效果等其他 UI 元素。
- 技術實現:插件通過
!important規則覆蓋 Shiki 生成的內聯樣式,以確保變量優先級生效。 - 環境依賴:需要 DSH 支持 Shiki CSS Variables theme;依賴可選的
webServer服務以實現設置持久化,若未啓動該服務,插件仍可渲染樣式但無法保存配置。 - 源碼與許可:安裝前建議檢查源碼與許可證。
總結¶
該插件通過精細化的樣式控制,優化了代碼展示的視覺體驗。更多細節與源碼,請訪問 GitHub 倉庫。