dsh-signal-blue-theme:給 DSH Web 界面的瑞士風信號藍主題

前言

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(),分三步:

  1. 品牌色階:--dsw-static-deepseek-* 十檔全部換成信號藍色階(OKLCH 重建,色相 265.9°),官方別名多引用該色階,鏈接、按鈕、業務狀態色整族跟隨。
  2. 字面量別名:紙面、墨色文字、邊框、代碼塊底、側欄等硬編碼值單獨覆蓋。
  3. 質感層:額外注入 <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 倉庫。

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

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

小夜