DeepSeek Harness(DSH)的 Web 界面默認以現代、乾淨的樣式呈現。如果你希望在調試或開發過程中獲得更具紙質觸感和手繪素描風格的視覺體驗,可以使用 dsh-handdrawn-skin 插件。該插件通過覆蓋設計令牌,在不改變佈局邏輯的前提下,將界面調整爲「紙 + 墨」的單色素描觀感。
核心功能¶
該插件主要實現以下視覺調整:
- 紙墨基底:提供中性暖白紙底和 3.5% 的牛皮紙顆粒感,通過 CSS 疊加層實現。
- 墨色強調:將宿主原有的品牌藍色調(用於按鈕、標籤、鏈接等)替換爲墨黑色。
- 手繪細節:包含馬克筆輕描邊、鉛筆細線以及楷體標題,所有細節調淡以保持質感但不搶戲。
- 兼容與剋制:不觸碰佈局、圓角、間距和字號等基準;覆蓋 30 個設計令牌以適配淺色/深色主題;零實心邊框。
安裝與啓用¶
插件以 DSH bundle 的形式提供,支持通過 CLI 快速安裝。
- 克隆倉庫到本地。
- 使用
dsh plugin命令將其添加到指定的 profile。
git clone https://github.com/dd598/dsh-handdrawn-skin.git
dsh plugin --profile <你的 profile> add ./dsh-handdrawn-skin
安裝後需要重啓 DSH 客戶端(Desktop 客戶端或 dsh web)以使組合樹生效。
配置與微調¶
皮膚內置了一套默認參數,如果需要調整觀感,可以修改 client/client.js 文件頂部的變量。
- 調整紙色:修改
${S}塊裏的--dsw-alias-bg-base。例如改爲#FBF9F4會更暖,改爲#FEFEFC會更白。 - 調整紙紋濃淡:修改
GRAIN裏的opacity='0.035'。 - 調整描邊粗細:修改
-webkit-text-stroke:.15px。 - 調整細線深淺:修改
--dsw-alias-border-l1..l4的末兩位十六進制(即透明度)。 - 調整墨色濃淡:修改
--dsw-alias-state-business-primary或button-info-fill的值。
修改完成後,需將修改後的文件同步回 profile 的 node_modules/dsh-handdrawn-skin 目錄,並重啓客戶端。
注意事項¶
- 運行環境:需要帶 Web UI 的 DSH 環境(Desktop 客戶端或
dsh web均可)。 - 依賴關係:依賴宿主的
--dsw-alias-*設計令牌層。若宿主版本更新導致令牌變更,可能需要相應調整。 - 作用域隔離:皮膚作用域限制在
body[data-dsh-handdrawn]下,卸載或停用後可完全還原,不留殘留樣式。 - Profile 路徑:確保安裝到當前 DSH 進程讀取的 profile 路徑下(如
~/.dsh/profiles/desktop或web)。
生態背景¶
DeepSeek Harness 的插件生態遵循「一切皆插件」的理念,旨在通過模塊化的方式擴展工具能力。社區目錄與 DeepSeek 或幻方無官方從屬關係。