前言¶
在進行智能體開發和調試時，長時間面對默認的白色或黑色界面容易引起視覺疲勞。dsh-leafy-skin 是一個針對 DeepSeek Harness (DSH) Web GUI 的主題插件，旨在通過統一的綠色色系和分層設計，降低視覺負擔，提供更舒適的編輯環境。
插件概覽¶
該插件由用戶 badai147 維護，採用 MIT 許可證。它定位爲“趣味換裝”類插件，本質上是作爲一層樣式疊加在 DSH 的官方 Web GUI 主題之上。安裝後，它會自動適配淺色、深色以及跟隨系統的模式，無需手動切換顏色。
核心特性¶
- 分層綠色：插件沒有使用單一的綠色填充，而是通過霧綠畫布、凸起面板和更深的側邊欄構建視覺層次。淺色模式使用祖母綠點綴，深色模式使用薄荷色。
- 舒適構建：去除了純白和純黑背景，統一在綠色色系中。所有正文文本的對比度均達到 WCAG AA 標準（≥ 4.5:1）。
- 質感細節：使用了較柔和的圓角、綠色調的漫反射陰影、低對比度的細線以及玻璃質感的菜單表面。文本選擇顏色爲薄荷色，字體棧包含 Inter、Noto Sans SC 和 Cascadia Code，配有細滾動條。
- 可調性：調色板以註釋表的形式集中在
lib/client.js中。提供了一個自檢腳本用於驗證 token 形狀、文本對比度和語法。樣式層包含一個開關，可控制整體皮膚的啓用狀態。
安裝與啓用¶
通過命令行安裝插件：
dsh plugin --profile web add dsh-leafy-skin
安裝完成後，必須重啓 DSH，以便配置文件重新組合，使皮膚生效。之後，所有的顏色編輯只需刷新頁面即可（客戶端熱重載約 1 秒）。
使用與配置¶
加載應用後，插件會自動將綠色皮膚層疊加在當前活動的主題上。由於插件會自動檢測系統的明暗模式，因此無需額外配置即可獲得淺色或深色變體。
如果需要修改配色，請編輯 lib/client.js 文件中的 TOKENS 表。若要完全關閉樣式層，將該文件中的 ENABLE_CSS_LAYER 設置爲 false。修改後，建議運行 node tools/check-palette.mjs 腳本，以驗證調色板的數據形狀、文本對比度以及樣式層的約束條件。
注意事項與限制¶
- 窗口標題欄：原生的窗口標題欄屬於 DSH 桌面外殼，不屬於此插件。在頁面繪製前，標題欄會短暫顯示爲 DSH 的默認灰色。
- 玻璃效果：在 Windows 上無法實現真正的透明玻璃效果。側邊欄的深度和半透明菜單效果是通過顏色分層實現的，並非窗口模糊。
- 組件鎖定：組件內部硬編碼了字體大小和佈局（使用哈希 CSS 模塊），此插件故意保留這些不變，因此不會調整這些細節。
- 貢獻：不接受 Pull Requests。
結語¶
dsh-leafy-skin 適合希望在 DSH 中獲得統一綠色主題、關注 WCAG 對比度標準的開發者。更多細節可查閱其 GitHub 倉庫。
