dsh-rococo-theme:爲 DSH Web GUI 換上洛可可沙龍視覺主題

前言

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(與安裝的刷新策略不同,卸載需重啓)。

典型用法

  1. 按上文命令安裝並刷新 Web 窗口,確認側欄出現「洛可可」入口。
  2. 打開面板查看樣式表是否已注入、預覽雙端頭像是否符合預期。
  3. 若助手頭像始終爲漸變圓,說明未提供 /dsh-whale/image.png;可安裝 dsh-whale-widget 或在 lib/client.js 中改助手徽章的 background。
  4. 需要微調配色或關掉某塊裝飾時,編輯 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
羽毛球分组比赛记分
小程序二维码

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

小夜