前言¶
在 DeepSeek Harness(DSH)的 web 工作區裏,默認外觀偏工具化。如果你想讓首頁和對話頁更接近 deepseek.com 的觀感,dsh-unknown-theme 是一個社區插件:它把官網流體背景、交互網格、粒子魚 LOGO、標題聚光燈和磨砂玻璃質感移植到 DSH 中。
它解決的主要是視覺問題,不是功能擴展。
插件定位¶
dsh-unknown-theme 由 ycqaq233 維護,採用 MIT 協議。它不是 DeepSeek 官方產品,也不是 DeepSeek Harness 官方組件;社區目錄本身獨立於 DeepSeek / 幻方,安裝前仍應按第三方插件檢查源碼與許可證。
該插件採用標準 dsh-plugin 形態,靜態 client bundle 免構建、免編譯,使用純 CSS/DOM/Canvas 實現,零額外依賴,並支持淺色 / 深色雙主題自適應。
核心能力¶
- 官網原版 WebGL 流體背景:全屏鋪在應用背後,淺色 / 深色各有一套配色。
- 官網交互網格(HeroGrid 移植):鼠標靠近時網格線被推開,並彈性回彈。
- 粒子魚形 LOGO:新會話頁出現粒子魚,成形後可被打散,再緩慢回正。
- 標題聚光燈:只在標題文字或魚圖標上激活,容器空白區域不觸發。
- 官網質感磨砂玻璃:輸入卡、用戶歷史氣泡、側欄新會話按鈕、會話日誌按鈕統一爲磨砂玻璃樣式。
- 雙主題自適應:跟隨應用
color-scheme切換淺 / 深色變量。
安裝與啓用¶
當前推薦 git 倉庫安裝:
dsh plugin --profile web add ycqaq233/dsh-unknown-theme
dsh web
安裝後重啓 dsh web,再硬刷新瀏覽器(Cmd/Ctrl+Shift+R),主題自動生效。
如果從源碼或本地目錄安裝:
dsh plugin --profile web add /path/to/dsh-unknown-theme
dsh web
README 說明,發佈到 npm 後可改用包名安裝:
dsh plugin --profile web add dsh-unknown-theme
當前階段仍建議按 git 倉庫安裝。
更新與卸載¶
git 安裝後更新:
cd <克隆目錄> && git pull
dsh web
卸載:
dsh plugin --profile web remove dsh-unknown-theme
dsh web
卸載並重啓後,會恢復官方外觀。
配置項¶
可調參數都在 lib/client.js 頂部:
FLUID_SPEED:流體流動速度。FLUID_SCALE:流體噪聲波長,值越大形狀越寬。GRID_SPACING/GRID_RADIUS:網格點陣間距、鼠標交互半徑。LERP_ENTRY:粒子入場組合動畫的指數係數,越大越快。LERP_SLOW:粒子成形後被打散時的慢速回正係數。--lg-bg/--lg-border/--lg-bg-hover:磨砂玻璃底色、描邊、hover 色,按主題切換。
兼容性與限制¶
- DeepSeek Harness:
0.1.0-rc.6+。 - Node.js:
>=18。 - 瀏覽器:需支持
WebGL2、Canvas 2D、backdrop-filter。
已知實現限制:
backdrop-filter只用在小組件上,避免containing block困住fixed浮層。- 聚光燈只在標題文字或魚圖標上激活。
- 主題爲純客戶端注入,未接入設置頁開關面板;卸載即完全恢復官方外觀。
適用場景與注意¶
適合希望 DSH web 工作區更接近 DeepSeek 官網觀感的開發者,尤其是隻關心視覺、不想額外構建流程的場景。
由於 DSH 插件以當前 dsh 進程權限運行,安裝前應檢查插件源碼、依賴和許可證。該插件爲 MIT 協議,但仍應確認倉庫來源與自己可接受的安裝方式。
鏈接¶
- 目錄頁:
https://www.skillhub.cn/plugins/ycqaq233/dsh-unknown-theme - GitHub:
https://github.com/ycqaq233/dsh-unknown-theme