前言¶
DeepSeek Harness(DSH)的 Web 界面默認是功能導向的開發者工具外觀。若你長期在桌面端使用 DSH、又希望界面更有辨識度,常見做法是自己改樣式或湊合瀏覽器擴展,但那樣往往難維護,也容易和宿主升級打架。dsh-rococo-theme 是社區裏的「趣味換裝」類插件:純瀏覽器端覆蓋 CSS,不改聊天邏輯、不註冊對話槽位,把界面換成霧藍、銀藍、奶白與香檳金搭配的洛可可(Trianon)風格。
這是什麼¶
dsh-rococo-theme(倉庫名 chenglixue66-dotcom/dsh-rococo-theme)由維護者 chenglixue66-dotcom 發佈,當前版本 0.8.9,許可證 MIT。它在 apply() 時向頁面 <head> 注入一份 CSS 覆蓋層,並在側欄註冊「洛可可」說明面板;宿主側無額外能力註冊。分類上屬於社區目錄中的「趣味換裝」——只動外觀,不動行爲。
核心功能¶
下面按 README 已說明的能力歸納,均可對照倉庫文檔覈對。
純外觀、零侵入¶
- 全部效果來自 CSS 覆蓋層:無宿主能力擴展、無網絡請求、不註冊對話槽位。
installCss()、apply()、factory 三層帶 try/catch;出錯時靜默降級爲無主題,不應拖垮 DSH 啓動。
深淺色跟隨應用¶
淺色「凡爾賽晨廳」與深色「夜曲」兩套調色,隨 DSH 主題設置自動切換,無需單獨配置項。
側欄「洛可可」面板¶
側欄會出現「洛可可」入口(默認可能被折進「更多」)。面板內包含:版本信息、樣式表注入狀態(已注入字符數)、助手與用戶頭像的實時預覽、設計要素清單,以及「重新注入樣式表」按鈕。
界面組件覆蓋(v0.8.9)¶
README 的組件清單覆蓋了卷宗側欄、模切吊牌導航、磨砂玻璃/蕾絲冠輸入卡、賬簿式對話流、工具調用票根卡片、代碼塊與引用塊、主頁 Bienvenue 紙面與水彩裝飾等。裝飾性元素(如主頁版畫周圍的兔子、茶具等)僅在新會話主頁掛載,窄屏會自動隱藏。
對話頭像¶
助手與用戶消息的 32px 圓形徽章由主題用僞元素繪製,而非 DSH 內置組件:
- 助手:優先使用同源地址
/dsh-whale/image.png(來自dsh-whale-widget掛件當前角色圖);未安裝該掛件時圖片加載失敗會回退霧藍漸變圓。 - 用戶:香檳金徑向漸變 +
❦字形。
可在 lib/client.js 的 CSS 模板中按 README 示例修改選擇器與 background,改完刷新窗口即可;本地圖推薦 data: URI 內聯,避免依賴其他插件。
設計令牌¶
主題使用 --tri-* CSS 變量,例如奶白紙面 --tri-ivory(#FBFAF6)、霧藍 --tri-fog(#7C93BA)、香檳金 --tri-champ(#C7A86A)等。改配色可全局替換變量,或編輯淺色/深色變量塊;按組件清單註釋對應 CSS 分節(①—⑧)可關閉單項裝飾;snapshots/ 目錄保留各版本 CSS 快照便於回滾。
安裝與啓用¶
環境要求:dsh >= 0.2.1-rc.3,且使用 Web GUI(dsh.client.platform=web)。
從 GitHub 安裝到 desktop profile:
dsh plugin --profile desktop add github:chenglixue66-dotcom/dsh-rococo-theme
若使用本地開發目錄(需絕對路徑):
dsh plugin --profile desktop add link:/absolute/path/to/dsh-rococo-theme
安裝完成後刷新窗口(⌘R)即可生效,一般不必重啓應用;插件 bundle 按內容哈希尋址,改動後刷新即更新。
卸載時:從 profile 的 package.json 中移除對應 dependency 與 bundles 條目,然後重啓 DSH(與安裝的刷新策略不同,卸載需重啓)。
典型用法¶
- 按上文命令安裝並刷新 Web 窗口,確認側欄出現「洛可可」入口。
- 打開面板查看樣式表是否已注入、預覽雙端頭像是否符合預期。
- 若助手頭像始終爲漸變圓,說明未提供
/dsh-whale/image.png;可安裝dsh-whale-widget或在lib/client.js中改助手徽章的background。 - 需要微調配色或關掉某塊裝飾時,編輯
lib/client.js內模板字符串中的 CSS,保存後再次刷新窗口。
Permission 授權彈窗、Dossiers 側欄、對話輸入等與原版相同的快捷鍵與邏輯保持不變,僅視覺變爲雙線紙框、花體眉題等洛可可式排版。
適用場景與注意¶
適合誰:長期在 DSH 桌面 Web GUI 上工作、希望界面統一成柔和紙質感主題、且能接受純 CSS 方案的智能體開發者。
安裝前建議:插件以當前 DSH 進程權限運行,安裝前應自行查看倉庫源碼與 MIT 許可證;社區插件目錄(SkillHub)爲獨立生態站點,與 DeepSeek / 幻方無官方從屬關係。
兼容性:選擇器優先依賴 shell 的穩定 data-* 屬性;主頁 hero 與側欄個別位置使用 class*="…" 子串約定,DSH shell 大改版後可能需要對照組件清單抽查修正。
已知限制(README 原文):
- 「洛可可」側欄項默認可能被折進「更多」;若需常駐,要在側欄相關插件里加入常駐列表(本倉庫不修改第三方插件)。
- 助手頭像圖依賴
dsh-whale-widget提供的/dsh-whale/image.png,否則僅爲漸變回退。
結尾¶
dsh-rococo-theme 把 DSH Web GUI 收成一套可維護的洛可可視覺層:安裝命令明確、行爲邊界清晰、出錯可降級。進一步瞭解可在社區目錄頁查看分類與簡介,在 GitHub 閱讀完整組件清單與自定義說明。
- 目錄頁:https://www.skillhub.cn/plugins/chenglixue66-dotcom/dsh-rococo-theme
- 倉庫:https://github.com/chenglixue66-dotcom/dsh-rococo-theme