dsh-wallpaper:DSH 全窗口背景壁紙插件

前言

DeepSeek Harness(DSH)的 Web 界面默認是純色或主題自帶的背景。若你長時間在聊天區、側欄和設置頁之間切換,只改聊天區背景往往顯得割裂;側欄與標題欄仍是系統默認色,整體觀感不統一。

社區維護者 Sostay 發佈的 dsh-wallpaper(倉庫 Sostay/dsh-wallpaper)是面向 DSH 的 Cordis 插件,在 SkillHub 目錄中歸類爲「趣味換裝」。它把壁紙鋪到整個窗口(含標題欄、左右側欄與主內容區),並支持預設、外鏈、本地上傳與磨砂面板等可調項。下面介紹其定位、能力與安裝用法。

這是什麼

dsh-wallpaper 是純 JavaScript、零構建的 UI 插件(Client half):Host 側 index.js 僅導出空的 apply(),樣式與配置面板在瀏覽器側的 client.js 中完成。配置持久化在瀏覽器 localStorage 的鍵 dsh_wallpaper_config_v2。

許可證爲 MIT;package.json 中當前版本爲 1.0.4。插件不引入外部運行時包,React 由 DSH 瀏覽器模塊表提供。

核心功能

全窗口與作用域

  • 全窗口壁紙:覆蓋標題欄、左側欄、右側欄與聊天區,而非僅聊天區。
  • 作用域可選:「全部(含側欄)」或「僅聊天區」。

壁紙來源與預設

  • 三種來源:精選預設 / 網絡圖片鏈接 / 本地圖片上傳(本地文件轉爲 Data URL 存儲;上傳前經 Offscreen Canvas 等比縮放與壓縮,減輕 localStorage 配額壓力)。
  • 10 個內置預設:5 個深色漸變(深邃極光、賽博霓虹、落日晚霞、幽藍深海、暗夜微芒)+ 5 張攝影類壁紙(清晨薄霧、星辰宇宙、靜謐雪山、賽博都市、晨霧密林)。
  • 自定義鏈接:任意可訪問的圖片 URL。
  • 適配方式:cover / contain / repeat。

視覺效果

  • 亞克力磨砂面板:可調壁紙不透明度、遮罩不透明度與背景模糊;側欄遮罩自動取聊天區遮罩值的 60%,側欄更通透。
  • 主題自適應頂部漸變:跟隨 DSH 主題,暗色約爲 #151517,亮色約爲 #FFFFFF,與 body[data-ds-dark-theme] 一致。
  • 動態參數:通過 --dsh-wp-* CSS 變量驅動,拖動滑塊時只更新變量,避免整表重算。
  • 主面板適配:對話區、插件頁及 Schedules 等 [data-slot="main"] 下頁面均可透出磨砂壁紙;底部覆蓋 DSH 默認漸變節點,壁紙可延伸至窗口底邊。

安裝與啓用

安裝前請自行查看倉庫源碼與 MIT 許可證;插件在當前 DSH 進程對應的前端環境中運行,與你在該實例中啓用的其他插件相同,無額外沙箱。

方式一:從 GitHub 安裝(README 推薦)

將 <profile> 換成你的 DSH profile 名稱:

dsh plugin --profile <profile> add github:Sostay/dsh-wallpaper

README 說明:本插件無需 prepare 或編譯,安裝後即可使用。若希望生產環境鎖定源碼,可指定 commit:

dsh plugin --profile <profile> add github:Sostay/dsh-wallpaper#<commit-sha>

方式二:DSH Web GUI

打開 設置 → 插件 → 添加插件,填入倉庫地址 https://github.com/Sostay/dsh-wallpaper(或目錄頁給出的同源信息)。

方式三:從 tarball 安裝

在已下載的插件源碼目錄中打包並安裝(README 示例包名爲 dsh-wallpaper-plugin-1.0.2.tgz,以你本地 pnpm pack 產出爲準):

pnpm pack
dsh plugin --profile <profile> add ./dsh-wallpaper-plugin-1.0.2.tgz

安裝並在 設置 → 插件 中啓用後,進入 設置 → 通用 → 背景壁紙 打開配置面板。

典型用法

配置面板中的主要項如下(與 README 表格一致):

配置項 說明
啓用壁紙 總開關;關閉後不注入任何樣式
壁紙來源 精選預設 / 網絡圖片鏈接 / 本地圖片上傳
預設 10 個內置背景(5 漸變 + 5 圖片)
自定義鏈接 任意可訪問的圖片 URL
本地上傳 選擇本地圖片文件
不透明度 壁紙本身的透明度
遮罩不透明度 磨砂面板遮蓋強度
模糊 壁紙 blur() 半徑
適配方式 cover / contain / repeat
作用域 全部(含側欄)或僅聊天區

常見流程:先打開「啓用壁紙」,再選「精選預設」快速試色,或切到「網絡圖片鏈接」填入 HTTPS 圖牀地址;若需離線或私有圖,用「本地圖片上傳」。側欄過暗時可略降「遮罩不透明度」,或把「作用域」改爲「僅聊天區」做對比。

適用場景與注意

適合:希望在 DSH Web GUI(Electron PWA 與瀏覽器)中長期使用統一視覺、又需要跟亮/暗主題聯動的開發者或日常用戶。

兼容性(據 README):需要支持 dsh.bundle 與 dsh.client 的 DSH 版本;亮色與暗色主題均已適配。

卸載:

dsh plugin --profile <profile> remove dsh-wallpaper-plugin

SkillHub 上的插件目錄由社區維護,與 DeepSeek / 幻方無官方從屬關係;星標與分類以目錄展示爲準(當前簡介側重全窗口壁紙與磨砂效果)。

結尾

dsh-wallpaper 把 DSH 界面從「僅聊天區換膚」擴展到全窗口,並把預設、外鏈、本地上傳和磨砂參數收到同一設置入口。需要詳情與 issue 時,見 GitHub 倉庫 與 SkillHub 目錄頁。

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

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

小夜