前言¶
DeepSeek Harness(DSH)把界面能力拆成插件,主題也不例外。默認皮膚偏工具感,長時間盯屏時背景、強調色和麪板層次往往不夠順眼;自己改 CSS 變量又容易在明暗切換、對比度和動效上踩坑。
下面介紹 webkubor/dsh-bloom-theme(npm:@kubor/dsh-bloom-theme)。維護者 webkubor 把 Typora 側 Bloom 主題的莫蘭迪設計語言搬進 DSH:8 套 OKLCH 配色、明暗雙主題、頂欄一鍵切換,配色經 WCAG AA 校驗。插件歸類爲「趣味換裝」,在 GitHub 上約 10 stars(截至資料抓取時)。
這是什麼¶
一句話:給 DSH 的「玻璃 + 莫蘭迪」主題插件——低飽和氛圍、磨砂玻璃面板、全站統一的微動效,零運行時依賴,TypeScript 構建。
它與 DSH 原生換膚的區別在於:不只改主色,而是一套完整視覺語言(雙軌配色、玻璃質感、推理等待動效跟主題走),並通過 contrast-guard 同系列工具守住對比度。Bloom 系列還包括 typora-Bloom-theme 與 contrast-guard。
許可證:MIT。
核心功能¶
8 套莫蘭迪配色,明暗各一套¶
每套配色都有亮色與暗色,頂欄切換時主色、背景、玻璃與動效色相一併更新。8 套名稱如下:
| 中文 | 英文 |
|---|---|
| 霧藍 | Mist |
| 丹紅 | Cinnabar |
| 花瓣 | Petal |
| 漣漪 | Ripple |
| 鼠尾草 | Sage |
| 暖石 | Stone |
| 青金 | Lapis |
| 琥珀 | Amber |
磨砂玻璃面板¶
默認開啓:半透明底、backdrop-filter 模糊、玻璃邊緣(頂部高光、半透描邊、柔和外輝),明暗兩檔透明度自適應。
雙軌配色¶
- 可讀軌
--bloom-accent:刻意加深,用於文字、按鈕、選中態,滿足 WCAG。 - 氣質軌
--accent-rgb:低飽和莫蘭迪色,只用於大面積氛圍漸變與冷光細線。
大面積漸變只用氣質軌;可讀軌不鋪面,避免「藕粉變熒光洋紅」這類失真。
其他已覈實能力¶
- OKLCH 調色,明暗切換感知更均勻;主色對底色對比度實測 ≥ 4.5:1(WCAG AA)。
- 主題色推理動效:
Deep diving…隨當前主題三色光譜流動;prefers-reduced-motion下靜止。 - 微交互:菜單入場、選中色條、hover / 按壓反饋,時長與緩動 token 全站一致。
- 版本與更新:下拉底部顯示當前版本;npm 有新版時顯示
↑ vX徽標。 - 切換器掛在 DSH 頂欄工具區,不搶佔原生控件。
- 零依賴,純 CSS 變量 + 少量切換邏輯。
安裝與啓用¶
DSH 插件以當前 dsh 進程權限運行。安裝前建議瀏覽 GitHub 倉庫 源碼與 MIT 許可證;社區目錄 SkillHub 爲獨立站點,與 DeepSeek / 幻方無官方從屬關係。
推薦用 dsh CLI 安裝:
dsh plugin add @kubor/dsh-bloom-theme
也可全局安裝後啓用:
npm i -g @kubor/dsh-bloom-theme
dsh plugin enable @kubor/dsh-bloom-theme
裝完後刷新頁面。頂欄右上角會出現「霧藍 ▾」主題按鈕;點擊可在 8 套配色間切換,下拉底部顯示當前版本號。
典型用法¶
安裝並刷新後,日常操作集中在頂欄主題按鈕:
- 點擊「霧藍 ▾」(默認展示當前配色名)展開下拉。
- 選擇 Mist、Sage、Amber 等任意一套,全站立即切換。
- 若 npm 有更新版本,下拉內會出現
↑ vX,點擊可跳轉 Release 頁。
主題未生效時,先硬刷新(Cmd/Ctrl + Shift + R)。若頁面提示 Failed to load plugins,檢查 dsh plugin add 是否成功,或換用最新版。
單色自定義目前不在範圍內;README Roadmap 中列爲規劃中能力。
適用場景與注意¶
適合誰
- 長期在 DSH Web 界面工作、希望低飽和、護眼一點的視覺環境。
- 需要明暗雙主題且不想自己調 OKLCH 與對比度的用戶。
- 喜歡 Typora Bloom 系列設計語言、想在 DSH 裏延續同一套質感的開發者。
注意
- 插件隨 DSH 加載,權限與當前
dsh進程一致;只從可信來源安裝。 - 依賴 DSH 插件機制(
cordis.patch.yml+ 瀏覽器側client.js);大版本升級 DSH 後若異常,對照 README 常見問題排查。 - 貢獻新配色需在
src/client.ts的PALETTE/VARIANTS/VARIANT_LABELS中增項,並跑npm run build && npm run check通過contrast-guard。
結尾¶
Bloom for DSH 把莫蘭迪質感、玻璃面板和可訪問性校驗做成可切換的 8 套主題,裝完即用,頂欄一點即可換膚。若需詳情、截圖與開發說明,見 GitHub:webkubor/dsh-bloom-theme;社區目錄頁:SkillHub · dsh-bloom-theme。