dsh-wechat-theme:把 DeepSeek Harness 網頁界面換成微信風格

前言

DeepSeek Harness(DSH)的默認網頁界面偏工具化;若你更習慣微信裏灰底、綠氣泡、圓角發送鍵那套視覺,改 Harness 源碼或自己寫全局 CSS 都不划算。社區插件 dsh-wechat-theme(維護者 Cui-chengyu,分類:趣味換裝)只做一件事:在瀏覽器裏注入樣式,覆蓋 Harness 已暴露的 CSS 變量和穩定類名,把對話區、側欄、輸入區畫成微信常見佈局,且不改動 Harness 自身文件與行爲。

這是什麼

dsh-wechat-theme 是純前端主題插件:宿主側 index.js 爲空,不佔端口、不註冊路由;瀏覽器側 client.js 註冊一張全局樣式表,並帶一個「空氣泡」探測器。簡介原文爲:WeChat-style skin for the DeepSeek Harness web UI。倉庫地址:https://github.com/Cui-chengyu/dsh-wechat-theme;社區目錄頁:https://www.skillhub.cn/plugins/Cui-chengyu/dsh-wechat-theme。許可證 MIT,當前 package 版本 0.1.0,要求 dsh 引擎 >=0.2.0-rc.1。

核心功能

下面按界面區域說明已覈實的外觀變化(均來自倉庫 README)。

位置 微信風格
側邊欄 微信灰 #EDEDED,會話標題一律深色,非當前會話不再淡出
自己的消息 綠色氣泡 #95EC69,右對齊,右上小尖角
助手消息 白色氣泡,左對齊,左側小尖角
發送鍵 微信綠 #07C160 圓角按鈕
輸入區 白色卡片,微信式圓角與細邊框
頂部標籤 對話 / 軌跡 / 上下,選中項綠色下劃線
已歸檔會話 灰色底色 + 灰標題,右側「已歸檔」小標籤代替時間,懸停換回操作按鈕
深色模式 跟隨 Harness 深色主題,深灰 + 亮綠

Harness 默認隱藏已歸檔會話;要在側欄「工作區」標題右側篩選菜單裏選 全部對話(顯示已歸檔) 才能看到。本主題會把這類會話畫成灰底灰字,並在時間位置顯示「已歸檔」標籤,懸停時讓位給「取消歸檔」按鈕。

空氣泡處理:Harness 有時會給「只有工具調用、沒有文字回答」的步驟也渲染助手氣泡,寬度極窄。插件用 MutationObserver 量到這類氣泡後打 data-wx-empty 標記,樣式表將其隱藏;有文字流入 DOM 變化後再顯示。

範圍:只改外觀,不攔截事件、不改 DOM 結構、不加按鈕、不碰會話數據。樣式依賴 Harness CSS 模塊類名後綴(如 .xMeOpW_root、.LOmM4q_bubble);同一大版本內相對穩定,Harness 大升級後若類名變化,需對照 node_modules/@deepseek-ai/dsh-client-ui-chat/lib/client.js 裏的映射表調整選擇器。

安裝與啓用

官方安裝命令如下(desktop profile):

dsh plugin --profile desktop add github:Cui-chengyu/dsh-wechat-theme

裝完後刷新一次 Harness 網頁界面。市場收錄後,也可在 Harness「插件」頁面搜索 dsh-wechat-theme 一鍵安裝。

本地開發時可用 link: 指向已克隆目錄,改 client.js 即改線上注入邏輯,無需反覆重裝:

dsh plugin --profile desktop add "link:<你克隆下來的目錄>"

開發與熱更新

Harness 瀏覽器端插件在頁面啓動時會凍結腳本清單;只刷新頁面不會加載新的 client.js,需要讓插件行重新註冊。任選其一:

  1. 在 profile 的 cordis.patch.yml(路徑示例:~/.dsh/profiles/desktop/cordis.patch.yml)末尾臨時追加:
   - id: dsh-wechat-theme
     disabled: true

等待約 3~5 秒(插件卸載),再刪掉這三行(插件重新裝載並按新修訂號取回 client.js)。

  1. 使用界面右上角刷新按鈕(由 dsh-unlag 提供),在插件重新註冊後重建界面。

也可在 patch 裏暫時去掉主題行,幾秒後再加回,用於對比默認外觀與微信主題。

卸載

dsh plugin --profile desktop remove dsh-wechat-theme

再按一次刷新按鈕或重啓 Harness,界面恢復默認外觀。

適用場景與注意

適合誰:長期在 DSH desktop/web 裏對話、希望界面接近微信 IM 習慣的用戶;屬於「趣味換裝」類插件,不改變智能體能力。

安全與權限:插件隨當前 DSH 進程與 profile 加載;安裝前建議瀏覽 GitHub 倉庫 源碼與 MIT 許可證。client.js 的安裝邏輯包在 try/catch 中,主題掛掉不應拖垮整頁,但仍屬第三方社區擴展。

生態說明:DSH 理念是「一切皆插件」;SkillHub 等社區目錄爲獨立站點,與 DeepSeek / 幻方無官方從屬關係,本文介紹的是社區維護的主題包,並非官方應用商店條目。

結尾

dsh-wechat-theme 用一條官方 dsh plugin add 命令即可啓用微信式灰白界面與綠氣泡,適合不想動 Harness 核心代碼、又想要熟悉聊天視覺的開發者。詳情與截圖見倉庫 README;安裝入口見 SkillHub 目錄頁 與 GitHub。

羽毛球分组比赛记分
小程序二维码

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

小夜