前言¶
DeepSeek Harness（DSH）桌面版支持通過 profile 組合加載客戶端插件，但自帶的 light/dark 主題切換往往只動幾組配色變量，主界面、DS Bot、節點模式也可能各用一套視覺語言。若你希望長期開着桌面客戶端做智能體或工作流開發，又想要一套統一、可辨認的「系統 HUD」觀感，單靠換主題 id 往往不夠：第三方 ui-theme 的 id 不進設置 schema，用戶在設置裏也選不到。
dsh-sao-theme 由維護者 EN-linkes 發佈，分類屬社區目錄中的「趣味換裝」。它不把宿主當成換色板，而是用 CSS 把主界面、DS Bot、節點模式改寫成同一套刀劍神域 / Aincrad 風格：深空底、冷青全息描邊、四角括號、掃描帶、等寬數字，以及帶刻線的命令行式輸入區。許可證爲 MIT，當前包版本爲 1.0.2。
這是什麼¶
一句話：dsh-sao-theme 是面向 DSH 桌面 profile 的客戶端樣式 bundle，通過 Cordis patch 注入 HUD 層 CSS，並覆蓋宿主的設計令牌與關鍵 DOM 結構。
它不註冊爲官方 ui-theme，而是給 html 打上 sao 類後用 !important 壓住宿主定義，從而在設置裏不可見的前提下仍全局生效。星標數與社區目錄展示以各站點爲準；功能與安裝方式以下文 README 摘錄爲準。
核心功能¶
三層界面統一¶
| 界面 | 說明 |
|---|---|
| 主界面 | 覆蓋 --dsw-alias-* / --dsw-specific-* 令牌；定製側欄、頂欄、工具記錄條、輸入區等真實 class |
DS Bot（bt-*） |
子系統不讀 --dsw-*，單獨硬編碼青色系，與主界面消息氣泡、側欄語言對齊 |
節點模式（wf-*、react-flow__*） |
畫布、節點、端口、連線、縮略圖轉青；「運行」爲主按鈕青色，「退出節點模式」爲琥珀警示色 |
HUD 與細節層¶
插件注入 #dsh-sao-hud：四角 L 形括號、外圈細框、頂邊系統線、緩慢下移掃描帶，以及 SYSTEM // AINCRAD 標識。
細節層還包括：圓角對絕大多數元素歸零（保留髮送鍵菱形、頭像六角、開關等功能圓角）；字體三分（正文 UI、HUD 標籤、等寬數字）；斜切角與 // 分區前綴；頂欄等資源位圖去色爲青色單色。
附帶 dsbot-patch（與主題無直接關係）¶
倉庫內 dsbot-patch/ 記錄了對 ds-bot 與 DSH 版本不匹配導致對話失敗等問題的補丁腳本；升級 DSH / ds-bot 前請自行閱讀 dsbot-patch/README.md，勿與皮膚安裝混爲一談。
安裝與啓用¶
DSH 生態習慣是「一切皆插件」；社區目錄 SkillHub 插件頁 與 GitHub 倉庫獨立維護，與 DeepSeek / 幻方無官方從屬關係。安裝前應瀏覽源碼與 MIT 許可證；客戶端插件在 DSH 進程權限下運行。
在桌面 profile 目錄執行官方 README 中的安裝命令：
cd ~/.dsh/profiles/desktop
pnpm add github:EN-linkes/dsh-sao-theme
安裝後確認兩處：
package.json的dependencies中含有dsh-sao-themepackage.json的dsh.profile.bundles中含有dsh-sao-theme
插件自帶的 cordis.patch.yml 會把宿主條目插入組合，一般無需手寫 composition。最後重啓 DeepSeek Harness——客戶端插件僅在宿主啓動時加載，刷新頁面無效。
本地開發可指向工作副本（同樣來自 README）：
pnpm add file:/path/to/dsh-sao-theme
注意：profile 裏 node_modules/dsh-sao-theme 爲 pnpm 硬鏈接副本，直接改源目錄不生效；需 pnpm add file: 重裝，或將 lib/ 內文件 cp -f 到 node_modules 對應路徑。
典型用法與開發¶
改樣式並打入客戶端包¶
樣式唯一來源爲 lib/sao.css。修改後執行：
node build.mjs
build.mjs 將 CSS 內聯進 lib/client.js 的 @sao-css 標記區，並拒絕 CSS 中出現反引號或 ${（避免破壞 String.raw），且要求產物通過 node --check。
開發熱更（無需每次重啓宿主）：
node dev.mjs
客戶端 URL 帶 ?sao-dev，或設置 localStorage['sao-dev']='1'，由 127.0.0.1:9700 提供。
可讀性迴歸（audit）¶
改配色前建議運行：
npm run audit
npm run audit -- --verbose
npm run audit -- --write-baseline
工具從 DSH 的 app.asar 抽取原廠 CSS，檢查對比度、通配選擇器誤傷、淺色填充缺 color 等問題。非默認 asar 路徑示例：
node tools/audit.mjs "D:/other/resources/app.asar"
適用場景與注意¶
適合：長期在 DSH 桌面版工作、希望主界面與 DS Bot / 節點模式視覺統一、能接受 SAO/Aincrad HUD 審美、並願意在 DSH 大版本升級後按 README 重對齊 CSS Modules 哈希前綴的開發者。
務必注意：
- 特異性：例如頂欄需使用
html.sao body header.an3WzG_header[data-window-drag]才能壓住宿主規則；改完若「顏色沒生效也沒報錯」，先查特異性而非認定選擇器寫錯。 - 版本漂移：結構層依賴當前 DSH 的 CSS Modules hash 前綴；DSH 升級後前綴可能變化，結構層會降級，令牌層配色仍可能有效。易漂移處已部分改用
[class*='…']，但對基類通配改color極易誤傷全應用按鈕，README 以_button_1ulci_爲例。 - 權限：插件隨 DSH 桌面進程加載，安裝前請自檢倉庫代碼與依賴。
結尾¶
dsh-sao-theme 把 DSH 桌面三套界面收成一套冷青色 HUD 語言，並用 Cordis patch 與內聯 CSS 繞過不可選的 ui-theme 限制。若你需要在本地 profile 啓用或二次開發樣式，可從社區目錄與 GitHub 獲取同一倉庫：
- 目錄頁：https://www.skillhub.cn/plugins/EN-linkes/dsh-sao-theme
- 倉庫：https://github.com/EN-linkes/dsh-sao-theme
