dsh-glass-skin:DSH Web UI 的亞克力玻璃皮膚

前言

DeepSeek Harness(DSH)的 Web 界面默認是實心面板:側欄和會話區不透明,換淺色/深色只能改配色,很難在長時間盯屏時做出「界面浮在背景之上」的視覺層次。若你用的是桌面客戶端或 dsh web,又希望在不改 DSH 本體代碼的前提下給界面加一層半透明玻璃和可調壁紙,社區插件 dsh-glass-skin 走的是頁面級皮膚路線:通過 DSH 插件機制注入樣式與控制台,而不是替換官方主題包。

下面介紹它是什麼、怎麼裝、控制台裏各控件做什麼,以及使用時需要接受的邊界。

這是什麼

dsh-glass-skin(目錄名 Lenandy/dsh-glass-skin)由維護者 Lenandy 發佈,在 SkillHub 分類爲「趣味換裝」。它是 DSH Web UI 的頁面級玻璃皮膚:會話畫布與側欄變爲半透明玻璃,底層是一層重模糊的冷灰藍背景;卡片、氣泡和輸入框保持實心,文字可讀性由設計保留。

插件當前版本爲 0.2.0(見倉庫 package.json),許可 MIT。README 註明在 DSH 桌面版 0.2.0-rc.2(Electron 44 / Chrome 152)上做過實測;你的環境若不同,以實際加載結果爲準。

核心功能

玻璃效果

  • 真玻璃,不是貼圖:半透明區域背後是真實模糊,不是靜態貼圖蒙版。
  • 明暗各自獨立:濃度、遮罩按淺色/深色分開保存;同一組數值在兩種配色下觀感不同。
  • 三個預設:通透 / 標準 / 厚重,一次設定濃度與遮罩。
  • 隨時可退:關閉皮膚即恢復原版;不會改寫你原有的淺色/深色偏好。

控制台

安裝成功後,界面右下角會出現圓形按鈕,即皮膚控制台(純鼠標,無需 DevTools)。打開控制台時,標題會顯示版本號,可作爲加載成功的標誌之一。

控件 作用
濃度 玻璃強弱。100% 爲出廠默認(暗色疊加後約 59%、淺色約 55%),0% 爲表面全透明
模糊 背景模糊半徑,明暗共用;設爲 0 則壁紙清晰
遮罩 在背景上壓一層以拉高文字對比度;暗色壓黑、淺色提白
通透 / 標準 / 厚重 預設,一次設好濃度 + 遮罩
壁紙 輸入或選圖;右側:選圖 · 用 · 清除
關閉皮膚 / 詳情 / 重置 「詳情」爲診斷報告;「重置」恢復全部默認(與壁紙「清除」不同)

壁紙來源

你手上是什麼 怎麼做
圖片直鏈、data: URL 粘進輸入框 → 點 ✓
搜索引擎圖片結果頁鏈接 直接粘貼點 ✓;插件從頁面 URL 的 mediaurl 參數解析真實圖片地址(Bing / Google 圖片結果均使用該參數名),成功後保存的是解析後的地址
本機圖片 點選圖按鈕,走文件選擇器

圖片會先探測再應用:加載失敗則保留內置背景、不會黑屏,並在輸入行下方說明原因。本地圖片上限 2MB(受瀏覽器本地存儲限制)。

自我診斷與隱私

  • 自我診斷:實時測量「疊加後不透明度」,超過 85% 會報警並提示調節方向。
  • 隱私:只改樣式,不採集、不上報數據;偏好存在瀏覽器 localStorage。卸載或點「重置」可清空。唯一外網請求是你填寫的壁紙地址,由瀏覽器直接拉圖,無中轉與統計。

安裝與啓用

DSH 插件按 profile 區分桌面客戶端與瀏覽器 Web UI,安裝命令須帶 --profile,且安裝後需重啓 DSH 才生效。

桌面客戶端(DeepSeek Harness.exe):

dsh plugin --profile desktop add github:Lenandy/dsh-glass-skin

瀏覽器(dsh web):

dsh plugin --profile web add github:Lenandy/dsh-glass-skin

加載成功的常見標誌:

  1. 右下角出現圓形控制台按鈕;
  2. 打開控制台,標題顯示版本號。

典型用法

  1. 按上節命令安裝對應 profile 的插件,重啓 DSH。
  2. 點擊右下角圓鈕打開控制台,先用 通透 / 標準 / 厚重 選一個接近預期的預設。
  3. 分別切換 DSH 的淺色與深色,微調 濃度、遮罩(兩種配色各存一套)。
  4. 需要壁紙時:粘貼直鏈或搜索引擎結果頁鏈接後點 ✓,或本機 選圖(注意 2MB 限制)。
  5. 若對比度變差,優先加大 遮罩;若診斷提示不透明度超過 85%,按提示往回調 濃度 或遮罩。
  6. 暫時不用皮膚時,在控制台選擇 關閉皮膚;要恢復出廠控件與壁紙默認,用 重置(不會自動清掉僅卸載前留在 localStorage 的舊設置,需重裝後點「重置」才能一併清空,見 README 說明)。

卸載

dsh plugin --profile desktop remove dsh-glass-skin

若裝的是 web profile,將 --profile desktop 換成 --profile web。同樣需重啓 DSH。皮膚的設置在瀏覽器本地,卸載不會自動刪除;若要清空,重裝後在控制台點「重置」。

適用場景與注意

適合誰:已在用 DSH 桌面版或 dsh web、希望界面有亞克力/玻璃質感、並願意用右下角控制台調參的開發者或日常用戶。SkillHub 上該插件星標爲 0,成熟度請以你本地實測爲準。

已知邊界(README 原文):

  • 不是系統級亞克力:背景是插件鋪的一層,拖動窗口時背景不會隨窗口做系統材質聯動;真·窗口材質需 DSH 客戶端支持,插件做不到。
  • 玻璃後若出現高對比內容,文字對比度可能下降,需調大 遮罩。

安全與權限:插件以當前 DSH 進程在 Web 層運行,會注入 UI 主題相關能力並可能請求你提供的壁紙 URL。安裝前建議在 GitHub 查看源碼與 MIT 許可證,確認符合你的環境策略。DSH 社區目錄(SkillHub)是獨立站點,與 DeepSeek / 幻方無官方從屬關係;生態理念是「一切皆插件」,本文不將其描述爲官方應用商店。

結尾

dsh-glass-skin 把 DSH Web UI 的會話區與側欄做成可調的半透明玻璃層,並用右下角控制台集中管理濃度、模糊、遮罩與壁紙,關閉即可回到原版界面。若要查看分類與簡介,可打開 SkillHub 目錄頁;安裝命令與行爲細節以 GitHub README 爲準。

  • 目錄頁:https://www.skillhub.cn/plugins/Lenandy/dsh-glass-skin
  • 倉庫:https://github.com/Lenandy/dsh-glass-skin
羽毛球分组比赛记分
小程序二维码

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

小夜