Bloom for DSH:給 DeepSeek Harness 的玻璃 + 莫蘭迪主題

前言

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-themecontrast-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 套配色間切換,下拉底部顯示當前版本號。

典型用法

安裝並刷新後,日常操作集中在頂欄主題按鈕:

  1. 點擊「霧藍 ▾」(默認展示當前配色名)展開下拉。
  2. 選擇 Mist、Sage、Amber 等任意一套,全站立即切換。
  3. 若 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.tsPALETTE / VARIANTS / VARIANT_LABELS 中增項,並跑 npm run build && npm run check 通過 contrast-guard

結尾

Bloom for DSH 把莫蘭迪質感、玻璃面板和可訪問性校驗做成可切換的 8 套主題,裝完即用,頂欄一點即可換膚。若需詳情、截圖與開發說明,見 GitHub:webkubor/dsh-bloom-theme;社區目錄頁:SkillHub · dsh-bloom-theme

羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

小夜