dsh-unknown-theme:把 DeepSeek 官網視覺搬進 DeepSeek Harness

前言

在 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
羽毛球分组比赛记分
小程序二维码

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

小夜