前言¶
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 深藍調色板。
核心能力(資料已覈實)¶
-
全界面 token 覆蓋
涵蓋應用畫布、抬升層、遮罩、邊框、標籤、品牌/鏈接/按鈕色、交互與狀態色、Markdown、diff、文件 diff、滾動條、焦點環、toast、tooltip、菜單,以及側欄、氣泡、編輯器、選擇器、提示等 DSH 特有表面。 -
代碼塊與主題一致
Shiki 側覆蓋註釋、關鍵字、字符串、數字/常量、函數、參數、標點與鏈接等角色,避免代碼塊仍使用默認 Shiki 色板。 -
首屏即深藍,減少閃屏
Host 半通過webserver/index-inject向每次下發的index.html注入樣式聲明;Client 半在運行時追加 token 與 Shiki 樣式並註冊到__ModuleLoader__。瀏覽器在腳本加載前即可按皮膚繪製,減輕默認配色一閃而過的問題。 -
實現方式簡單
單張樣式表加一層 token;無運行時依賴、無聯網請求、無獨立 settings 命名空間。禁用或移除 bundle 即可恢復 DSH 默認外觀。 -
調色板要點
背景#002451,當前行/抬升面#00346E,選中/嵌套面#003F8E,前景#FFFFFF,註釋#7285B7;紅/橙/黃/綠/青/藍/紫等語法色見倉庫 README 表格。Tomorrow Night Blue 無官方淺色版,皮膚在兩種 appearance 下均保持該深色色板,並在首次使用時將 appearance 對齊爲 dark。 -
技術結構(供排查用)
- 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 移除即可。