前言¶
DeepSeek Harness (DSH) 的默認外觀滿足基礎需求,但若需要更精細的視覺控制,dsh-aurora-skin 插件提供了一套方案。該插件通過純 CSS token 覆蓋的方式,爲 DSH 提供了三款手工調優的皮膚,且不涉及核心代碼修改。
皮膚列表¶
插件包含三款經過手工調優的配色方案,每個顏色值均爲具體的 CSS 顏色,無 var() 間接引用,確保全 UI 範圍內的對比度。
-
Aurora 極光
- 模式: Dark
- 色調: 深午夜藍、電青色、暖珊瑚色。
- 風格: 在精密控制室之上浮現極光。
-
Paper 紙本
- 模式: Light
- 色調: 涼紙白、深青色。
- 風格: 感覺像研究論文,適合日間閱讀。
-
Hologram 全息
- 模式: Dark
- 色調: 近黑、酸青色。
- 風格: 具有鮮明的終端氛圍,類似精密儀器。
安裝¶
可以通過官方命令安裝插件,或從本地目錄安裝。
官方命令:
dsh plugin --profile web add breaker505/dsh-aurora-skin
本地 pnpm 安裝:
cd ~/.dsh/profiles/web
pnpm add file:path/to/dsh-aurora-skin
本地 Git 克隆:
git clone https://github.com/breaker505/dsh-aurora-skin
克隆後,將 "dsh-aurora-skin" 添加到 dsh.profile.bundles 數組中,並重啓 dsh web。
使用¶
安裝完成後,打開 Settings(設置) -> General(通用) -> Aurora Skins。
- 在列表中選擇一個皮膚。
- 若要恢復 DSH 默認外觀,點擊 “Follow system”(跟隨系統)。
注:Aurora Skins 選擇器行位於 dsh-skin 行上方(插槽順序 15 vs 20),因此自定義皮膚會優先顯示。
實現細節¶
該插件的設計哲學基於以下原則:
- Tokens, not code(基於 Token,而非代碼): 插件僅向
<body>添加--dsw-alias-*自定義屬性。不進行 DOM 變異,不覆蓋內部 DSH 組件,也不進行 monkey-patching。 - Reversible by design(可逆設計): 選擇“Follow system”會清除覆蓋,UI 恢復至 DSH 原始調色板,無需在安裝時進行逆向補丁。
- 持久化: 設置存儲在
localStorage中。 - 開發方式:
lib/client.js爲手工編寫的 CJS 代碼,使用window.__ModuleLoader__.load包裝運行時加載的工廠。無需構建步驟,直接編輯該文件並刷新dsh web即可生效。
許可證¶
MIT — 詳見 LICENSE 文件。