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 目录页。

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

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

小夜