前言¶
DeepSeek Harness(DSH)的 Web 界面默認是現代化設計。若你想在本地開發或演示時換一套完全不同的視覺語境——不是簡單改幾個 CSS 變量,而是登錄窗、主面板、聊天窗口整條鏈路都回到 2006 年 QQ 的珊瑚藍風格——需要一套專門的皮膚插件,而不是手改宿主源碼。
下面介紹 LaplaceYoung 維護的 dsh-qq2006:它在 DSH 插件體系裏註冊 qq2006 主題,鏡像 body[data-ds-skin],並附帶全局皮膚表與完整素材。所有補丁錨定在 body[data-ds-skin='qq2006'] 下,切回默認皮膚時零污染。
這是什麼¶
dsh-qq2006 是 DSH 的 QQ2006 皮膚插件,維護者爲 LaplaceYoung,分類爲趣味換裝,GitHub 倉庫 23 stars。它把 DeepSeek Harness 的 WebUI 一鍵變回 2006 年 QQ 客戶端外觀:註冊珊瑚藍主題、鏡像 body[data-ds-skin]、全局皮膚表與組件級補丁,從登錄窗到聊天窗口全鏈路還原藍色小企鵝界面。皮膚可切換、可持久化,刷新或重啓後偏好保持。
素材來自 mengkunsoft/QQ2006,爲騰訊原版素材,僅供學習交流、請勿商用(出處見倉庫 assets/qq2006/README.txt)。
核心功能¶
主題註冊與零污染契約¶
插件註冊爲 DSH 外觀行第 4 個主題(QQ2006 皮膚)。啓用後通過 QQ2006_TOKENS 覆蓋珊瑚藍 --dsw-alias-* token,並把當前主題鏡像到 body[data-ds-skin]。所有視覺改動限定在該作用域內;隨時可切回默認皮膚,宿主默認樣式不受影響。
全局皮膚表¶
styles/qq2006.css 提供復古字體、滾動條樣式、九宮格窗口框工具類,以及 .qq-btn 三態按鈕樣式。npm 發行版安裝後即可獲得這一層能力。
組件級還原(需源碼方式)¶
完整效果還包括:
- QQ2006 登錄窗:九宮格窗口框、三態按鈕、記住密碼/自動登錄聯動、連接中動態點動畫。
- 主面板:50×50 藍描邊頭像與 6 個 mini 鈕、面板欄 10 鈕(27×37 原版底條格)、分組/好友行原版行高與 hover、右鍵菜單。
- 聊天窗口:標題欄 4 鈕(含 65×24 原版「菜單」文字鈕)、大工具欄 12 鈕、小工具欄 8 鈕,全部使用原版素材與原生尺寸。
- 列表式消息:自己綠色暱稱、對方深藍紫暱稱,附 HH:MM:SS 時間與黑色正文,宋體渲染。
- QQ 秀右側欄:對方形象、個人空間(真實會話統計)、我的形象,默認展開。
- 換膚 4 預設:經典藍、粉紅、薄荷綠、紫羅蘭,窗口內即時切換。
- 交互細節:Alt+S 發送、右鍵複製、hover 操作行(複製/引用/轉發)、提示音、QQ 黃色反饋 tip。
組件級皮膚改的是宿主 UI 包的源碼;npm 發行版爲預構建產物,無法通過插件機制注入上述組件效果,需走源碼 monorepo 方式。
安裝與啓用¶
方式一:npm 發行版(dsh plugin 安裝)¶
倉庫已包含預構建產物(lib/),可直接從 GitHub 安裝:
dsh plugin --profile web add https://github.com/LaplaceYoung/dsh-qq2006
啓用後獲得 qq2006 主題註冊(全 UI 珊瑚藍 token 換膚)與全局皮膚表(復古字體、滾動條、九宮格工具類、.qq-btn 三態鈕)。
方式二:源碼 monorepo(完整效果)¶
完整皮膚實現位於 fork 的 skin/qq2006 分支:
git clone https://github.com/LaplaceYoung/deepseek-harness.git
cd deepseek-harness
git checkout skin/qq2006
pnpm install
pnpm run build
node --import tsx/esm apps/cli/src/bin.ts web
打開 http://127.0.0.1:3080,進入設置 → 外觀 → QQ2006 皮膚。
已有 DSH 源碼 checkout 的用戶,也可直接應用補丁:git apply patches/qq2006-skin.patch(基於上游 deepseek-ai/deepseek-harness master)。
兩種安裝方式的能力對比¶
| 能力 | npm 發行版(方式一) | 源碼 monorepo(方式二) |
|---|---|---|
| qq2006 主題 + 珊瑚藍 token 換膚 | ✅ | ✅ |
| 全局皮膚表(字體/滾動條/九宮格類) | ✅ | ✅ |
| 登錄窗 / 主面板 / 聊天窗 chrome | ❌ | ✅ |
| 原版列表式消息 / QQ 秀右欄 / 消息操作 | ❌ | ✅ |
| 素材(按鈕圖標/頭像/提示音) | ❌ | ✅ |
後續計劃:待 DSH 官方提供客戶端插件的靜態資源與 UI 槽位機制後,把組件級皮膚完整遷入插件包,使發行版獲得全部效果。
典型用法¶
經過上面的安裝步驟後,在 Web UI 中切換皮膚即可:
- 啓動 DSH Web(方式一安裝後按常規流程啓動;方式二按上文
node --import tsx/esm apps/cli/src/bin.ts web啓動)。 - 打開
http://127.0.0.1:3080。 - 進入 設置 → 外觀 → QQ2006 皮膚。
- 在聊天窗口內可切換 4 種預設配色(經典藍 / 粉紅 / 薄荷綠 / 紫羅蘭)。
開發或調試皮膚時,可參考倉庫 docs/qq2006-skin.md 的架構說明與按鈕映射清單;組件級補丁規則見 README.package.md——皮膚段只追加在組件自己的 .module.css 尾部,全部以 body[data-ds-skin='qq2006'] 爲祖先作用域。
適用場景與注意¶
適合誰
- 想在 DSH 本地環境裏做懷舊演示或趣味換裝的開發者。
- 需要研究 DSH 皮膚機制、主題 token 與
body[data-ds-skin]鏡像契約的插件作者。 - 希望在不污染默認 UI 的前提下,體驗完整 2006 QQ 界面鏈路的源碼集成者。
使用前注意
- 插件以當前 dsh 進程權限運行。安裝前應閱讀倉庫源碼與許可證,確認素材使用範圍。
- 素材版權:QQ2006 圖像與音效爲騰訊原版素材,插件代碼爲 MIT,素材僅供學習交流,請勿商用。
- 能力邊界:僅通過
dsh plugin add安裝時,登錄窗、聊天窗 chrome、列表式消息、QQ 秀右欄等組件級效果不可用;需要完整體驗請走源碼 monorepo 或git apply patches/qq2006-skin.patch。 - 生態背景:DSH 理念是「一切皆插件」;SkillHub 目錄(laplaceyoung/dsh-qq2006)是社區站點,與 DeepSeek / 幻方無官方從屬關係。
結尾¶
dsh-qq2006 把 DSH WebUI 的皮膚層拆成可切換、可持久化的 QQ2006 主題:發行版快速獲得 token 換膚與全局樣式表,源碼方式則覆蓋從登錄到聊天的完整 2006 界面。若你正在做 DSH 插件或懷舊 UI 實驗,可以從 npm 安裝先驗證主題契約,再按需接入 monorepo 補丁。
- 目錄頁:https://www.skillhub.cn/plugins/LaplaceYoung/dsh-qq2006
- GitHub:https://github.com/LaplaceYoung/dsh-qq2006