前言¶
DSH 採用「一切皆插件」的方式擴展。dsh-weniger-theme 是一個 DSH web 插件,用於給 DeepSeek Harness(DSH)Web GUI 提供 Dieter Rams 啓發的 Weniger 主題。下面介紹它的定位、功能、安裝命令和注意事項。
這是什麼¶
倉庫地址:https://github.com/lesliechowsh/dsh-weniger-theme。維護者爲 lesliechowsh,許可證爲 MIT。
它是一個 Dieter Rams-inspired theme for the DeepSeek Harness (DSH) Web GUI,主要通過插件機制替換 DSH Web GUI 的設計令牌、圓角、陰影和組件着色。
package.json 相關聲明如下:
peerDependencies:
react ^18.2.0
dsh.client inject:
@deepseek-ai/dsh-client-ui-theme
@deepseek-ai/dsh-client-ui-slots
dsh.client platform: web
核心功能¶
- 重映射整個設計令牌圖(
theme-service tokens、derived tokens、靜態color ramp)到暖色Braun-style配色,支持亮色和暗色。 - 將所有組件圓角收斂到
0–4px網格,並壓平所有陰影。 - 重着色用戶氣泡、代碼塊、發送按鈕、活動導航強調、焦點環、選區以及語法高亮調色板。
- 添加頁腳 chip(橙色方塊 + 標籤),打開引用良好設計十原則的小型面板,幷包含出處說明。
安裝與啓用¶
下面是常用安裝方式。執行安裝命令後,重啓 dsh web。
包名安裝¶
dsh plugin --profile web add dsh-weniger-theme@latest
從 GitHub 倉庫安裝¶
dsh plugin --profile web add github:lesliechowsh/dsh-weniger-theme
手動安裝¶
進入 $DSH_HOME/profiles/web 目錄,並執行:
npm install dsh-weniger-theme
在 profile 的 cordis.patch.yml 中追加一個 insert 條目:
- insert:
- id: weniger-theme
name: 'dsh-weniger-theme'
然後重啓 dsh web。
升級¶
如果從 0.1.3 及以下版本升級,重新執行 add 命令:
dsh plugin --profile web add dsh-weniger-theme@latest
或者執行 update:
dsh plugin --profile web update dsh-weniger-theme
然後重啓 dsh web。
0.1.3 及以下版本未包含 dsh.bundle 聲明,可能以普通依賴靜默安裝導致主題未加載;0.1.4 增加 cordis.patch.yml 作爲 bundle patch layer。
卸載¶
dsh plugin --profile web remove dsh-weniger-theme
典型用法¶
安裝並重啓後,主題會作用於 DSH Web GUI 的界面外觀,包括亮色和暗色模式下的設計令牌、圓角、陰影和組件着色。
頁腳 chip 用於打開一個小型面板,面板中引用良好設計十原則,幷包含出處說明。
適用場景與注意¶
- 適合給 DSH Web GUI 做主題替換,尤其是希望統一暖色、方角、平面視覺風格的場景。
- 插件以當前
dsh進程權限運行。安裝前應檢查源碼、許可證和依賴關係。 - 許可證:MIT。
peerDependency:react ^18.2.0。- 項目聲明受 Dieter Rams 及良好設計十原則啓發;與 Dieter Rams、Vitsœ、Braun GmbH、Procter & Gamble 無關聯、未獲背書或贊助。
- “Braun”爲其權利人商標;項目未複製 Braun 商標、標識或產品設計,調色板與佈局數值爲原創。
結尾¶
dsh-weniger-theme 提供的是 DSH Web GUI 的主題層替換:重映射設計令牌,收斂圓角,壓平陰影,並重着色常用組件。若只需要調整 DSH Web GUI 的外觀,可以通過上面的插件命令接入。
GitHub 倉庫:https://github.com/lesliechowsh/dsh-weniger-theme