dsh-skin-tomorrow-night-blue:爲 DSH Web GUI 套上 Tomorrow Night Blue 深藍主題

前言

DeepSeek Harness(DSH)的 Web 界面默認走一套設計 token 與代碼高亮配色。長時間在對話、diff、代碼塊裏工作時,若偏好經典的深藍編輯器氛圍,往往需要自己改樣式或混用其他主題插件,也不一定覆蓋側欄、氣泡、滾動條等全界面表面。

下面介紹社區維護的 DSH 皮膚插件 dsh-skin-tomorrow-night-blue:把 Chris Kempson 的 Tomorrow Theme 中的 Tomorrow Night Blue 色板映射到 DSH 的 --dsw-alias-* 設計 token 與 Shiki 語法角色,一次啓用即可統一畫布、側欄、面板、菜單、按鈕、對話氣泡、Markdown、diff 與代碼塊高亮。插件爲 dsh.bundle 形態,無額外配置命名空間;不適用時可在設置或 CLI 中關閉或移除。

這是什麼

項目 說明
名稱 dsh-skin-tomorrow-night-blue
維護者 Chinelytra
分類 趣味換裝(社區目錄 SkillHub 插件頁)
源碼 GitHub: Chinelytra/dsh-skin-tomorrow-night-blue
許可證 MIT
定位 非官方社區皮膚,與 DeepSeek、Tomorrow Theme 項目無隸屬關係

插件將 15 個錨點色擴展爲 113 個 --dsw-alias-* 設計 token,併爲圍欄代碼塊提供 11 個 Shiki 語法角色 配色,使界面與代碼高亮同屬一套 Tomorrow Night Blue 深藍調色板。

核心能力(資料已覈實)

  1. 全界面 token 覆蓋
    涵蓋應用畫布、抬升層、遮罩、邊框、標籤、品牌/鏈接/按鈕色、交互與狀態色、Markdown、diff、文件 diff、滾動條、焦點環、toast、tooltip、菜單,以及側欄、氣泡、編輯器、選擇器、提示等 DSH 特有表面。

  2. 代碼塊與主題一致
    Shiki 側覆蓋註釋、關鍵字、字符串、數字/常量、函數、參數、標點與鏈接等角色,避免代碼塊仍使用默認 Shiki 色板。

  3. 首屏即深藍,減少閃屏
    Host 半通過 webserver/index-inject 向每次下發的 index.html 注入樣式聲明;Client 半在運行時追加 token 與 Shiki 樣式並註冊到 __ModuleLoader__。瀏覽器在腳本加載前即可按皮膚繪製,減輕默認配色一閃而過的問題。

  4. 實現方式簡單
    單張樣式表加一層 token;無運行時依賴、無聯網請求、無獨立 settings 命名空間。禁用或移除 bundle 即可恢復 DSH 默認外觀。

  5. 調色板要點
    背景 #002451,當前行/抬升面 #00346E,選中/嵌套面 #003F8E,前景 #FFFFFF,註釋 #7285B7;紅/橙/黃/綠/青/藍/紫等語法色見倉庫 README 表格。Tomorrow Night Blue 無官方淺色版,皮膚在兩種 appearance 下均保持該深色色板,並在首次使用時將 appearance 對齊爲 dark。

  6. 技術結構(供排查用)
    - Host:index.js,向 index-inject 推送一條結構化 style 行。
    - Client:lib/client.js,追加 <style> 並註冊 bundle。
    - 色板單一來源:src/palette.mjs;build-client.mjs 生成瀏覽器 bundle;verify.mjs 離線校驗。
    聲明使用 !important,以便壓過 DSH 在 <body> 上的內聯 custom properties;與其他 token 層皮膚(例如 dsh-opencode-palette)同時啓用時,本皮膚優先,需讓位時應先禁用本 bundle。

安裝與啓用

皮膚需安裝到實際運行 GUI 的 profile:dsh --profile web 用 web,DSH Desktop 應用用 desktop。以下命令摘自倉庫 README(示例爲 web profile)。

從 GitHub 安裝:

dsh plugin --profile web add github:Chinelytra/dsh-skin-tomorrow-night-blue

從 release 壓縮包安裝(預構建,無需本地 build):

dsh plugin --profile web add https://github.com/Chinelytra/dsh-skin-tomorrow-night-blue/releases/latest/download/dsh-skin-tomorrow-night-blue.tgz

從本地目錄鏈接(需自行準備絕對路徑):

dsh plugin --profile web add link:/absolute/path/to/dsh-skin-tomorrow-night-blue

DSH 對 profile 的插件變更通常可熱生效;若色板未立即出現,可重啓 DSH 一次(瀏覽器端隨應用殼加載)。

典型用法與恢復默認

安裝並啓用後無需額外配置項:打開 Web GUI 或 Desktop 對應 profile 即可看到深藍主題。

關閉或卸載:

  • 圖形界面:Settings → Plugins,關閉或移除 dsh-skin-tomorrow-night-blue。
  • CLI:
dsh plugin --profile <profile> remove dsh-skin-tomorrow-night-blue

將 <profile> 換成你的 web 或 desktop 等實際 profile 名。

兼容性與已知限制

  • DSH:Web GUI 0.2.x(README 寫明在 0.2.2-rc.1、Desktop profile 下開發與測試;同一 client bundle 也服務於 dsh --profile web)。package.json 中 engines.dsh 爲 >=0.2.0-rc.1。
  • Node.js:僅構建/校驗腳本需要 >=20;日常使用皮膚不要求本地 build。
  • 與其他皮膚:啓用時本皮膚的 !important 層優先於其他皮膚插件的 token 層。
  • 未覆蓋表面:部分輔助 UI 仍由設計系統 static token 繪製(例如部分文件變更/diff 卡片標題仍爲中性深色),與各類 token 層皮膚共用同一邊界。
  • 深淺色:主題爲深色色板,兩種 appearance 下均保持該配色。

適用場景與安裝前注意

適合習慣 Tomorrow Night Blue / 深藍編輯器氛圍、希望在 DSH 對話與代碼閱讀中統一配色的開發者。DSH 生態強調「一切皆插件」;SkillHub 等社區目錄爲獨立站點,並非 DeepSeek 或幻方官方應用商店。

插件以當前 dsh 進程權限運行。安裝前應自行查看 倉庫源碼 與 MIT 許可證,確認符合你的安全與合規要求。作者倉庫提供 node verify.mjs 等離線校驗,面向二次開發而非終端用戶必做步驟。

結尾

dsh-skin-tomorrow-night-blue 用一套 Tomorrow Night Blue 色板覆蓋 DSH Web GUI 的設計 token 與 Shiki 高亮,安裝命令官方、依賴與配置面積極小。需要深藍工作區視覺時,按 profile 添加 bundle 即可;要恢復默認外觀,在插件設置中關閉或 CLI 移除即可。

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

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

小夜