前言¶
DeepSeek Harness(DSH)的 Web 界面自帶一套官方主題 token。若你長時間盯着默認配色,鏈接色、側欄與紙面層次往往是一整塊「產品默認臉」,和你在其它工具裏習慣的剋制排版不太一致。社區裏有「趣味換裝」類插件,用官方主題運行時疊一層自定義 token,不必改核心代碼。
下面介紹 rockyzhz/dsh-signal-blue-theme:維護者 rockyzhz,在 SkillHub 目錄中歸類爲趣味換裝。它給 DSH Web 設計了一套瑞士風(Swiss Style)配色,強調色爲信號藍 #1B3BFF;倉庫同時包含可安裝的 DSH 主題插件,以及一頁講這套配色的靜態發佈頁。
這是什麼¶
一句話:在官方 ThemeRuntime 之上,用 overrideTokens() 覆蓋品牌色階與紙面、側欄等字面量,並額外注入一層質感 CSS,把 DSH Web 收成「紙色 + 墨色 + 中性灰 + 單一強調色」的瑞士風骨架。
明暗模式仍由 DSH「設置 → 通用 → 外觀」控制;主題插件與明暗是兩根獨立軸。界面上沒有單獨開關——插件在則配色在,卸載後回到默認。
視覺與版本¶
瑞士風做法固定層次:紙色、墨色、四檔中性灰承擔結構,主題只替換強調色。信號藍落在鏈接、按鈕、選中態等「需要說話」的位置;README 描述其觀感像電流而非大面積鋪光。
淺色(當前 v1.1.0 代號「冷白版 Cool Paper」)主區紙面 #F6F8FD,側欄 #E8EDF8。深色底爲 #0F1A35(深藍夜底,與強調色同色相 265.9°),鏈接提亮爲 #7AA3FF,README 註明在深藍底上對比度可達 4.5:1 以上。
v1.0.0「暖紙版 Warm Paper」紙面爲 #F7F4ED、側欄 #F4EFE6,深色底同爲 #0F1A35。細節見倉庫 CHANGELOG.md。package.json 當前版本爲 1.1.0。
側欄當前項爲 3px 直角藍豎條加藍字,與發佈頁示意圖一致。插件還把圓角收到 2–12px、卡片陰影改爲髮絲線,字體棧優先 Inter,焦點環與 aria-current="page" 標記使用信號藍。
核心實現(它改了什麼)¶
插件走官方 ThemeRuntime 的 ctx.theme.overrideTokens(),分三步:
- 品牌色階:
--dsw-static-deepseek-*十檔全部換成信號藍色階(OKLCH 重建,色相 265.9°),官方別名多引用該色階,鏈接、按鈕、業務狀態色整族跟隨。 - 字面量別名:紙面、墨色文字、邊框、代碼塊底、側欄等硬編碼值單獨覆蓋。
- 質感層:額外注入
<style>,處理圓角、陰影、字體與焦點環;卸載時一併移除。
README 寫明共覆蓋 60 個 token,並對關鍵組合做過 WCAG 2.1 對比度校驗(例如 #1b3bff 在紙色 #fafaf8 上約 6.45:1)。
安裝與啓用¶
插件聲明面向 Web profile(package.json 中 dsh.client.platform 爲 web,immediately: true)。引擎要求:dsh >=0.2.1-rc.1,Node ^22.19.0 || >=24.0.0。
本地路徑安裝:
dsh plugin --profile web add /path/to/dsh-signal-blue-theme
從 GitHub 遠端安裝:
dsh plugin --profile web add "github:rockyzhz/dsh-signal-blue-theme"
裝完後刷新頁面即可生效,無需重啓 DSH。卸載:
dsh plugin --profile web remove dsh-signal-blue-theme
典型用法與倉庫形態¶
日常用法就是安裝後刷新 Web 界面,在設置裏切換淺色/深色,觀察紙面、側欄與鏈接是否符合預期。
除插件外,倉庫還提供主題說明的靜態產物:dsh-signal-blue.html 可在瀏覽器直接打開;dsh-signal-blue.png 爲 1440 × 6878 整頁長圖。發佈頁紙色取 #FAFAF8,與插件界面紙色略有區分(靜態文檔更接近白紙)。若你維護倉庫本身,可用:
node build.mjs
重建發佈頁(渲染器路徑寫在 build.mjs 的 SKILL 常量,換機器需改該行)。
適用場景與注意¶
適合:長期在 DSH Web 上工作、希望界面偏瑞士排版、單一強調色爲信號藍的用戶;也屬於目錄「趣味換裝」裏不動業務邏輯、只改視覺的一類插件。
注意:
- 插件在當前 DSH 進程權限下運行,安裝前請閱讀
client.js等源碼並確認 MIT 許可證可接受。 - 依賴 peer:
@deepseek-ai/cordis^4.0.0、@deepseek-ai/dsh-client-ui-theme^0.2.1-rc.1(在package.json中標爲 optional peer)。 - SkillHub 等社區目錄爲獨立站點,與 DeepSeek / 幻方無官方從屬關係;星標數隨時間變化,以 GitHub 頁面爲準。
結尾¶
dsh-signal-blue-theme 用官方主題擴展點疊一層信號藍瑞士風配色,安裝卸載路徑清晰,明暗仍由 DSH 自帶外觀設置控制。目錄頁:SkillHub 插件頁;源碼與說明:GitHub 倉庫。