DeepSeek Harness Plugin Hub

发布与管理完整 Harness Profiles,发现适合你的插件。

探索

插件目录环境预设文档中心动态

社区

发布插件联系我们报告问题

相关链接

Plugin Hub GitHubDeepSeek Harness 官方项目系统状态隐私说明
© 2026 DeepSeek Harness Plugin HubPowered byPaxTech

独立、非官方社区项目,与 DeepSeek 官方无隶属、授权或背书关系。

DeepSeek Harness Plugin Hub
ProfilesPlugins分类动态文档登录管理 Profiles
ProfilesPlugins分类动态文档登录
← Plugins
C

dsh-chat-background

Chat Background

聊天背景美化:12 套随深浅主题自适应的渐变预设、本地图片/视频、清晰度、透明度、亮度、对比度、饱和度、缩放、遮罩与界面玻璃质感

插件会安装到这里;不确定时保持 web。

npx -y @deepseek-ai/dsh plugin --profile web add github:yezitotempeace/dsh-chat-background#945bee9163d4a5af494100b9e338b2ec074ee9e4
README兼容性版本

兼容性与来源证明

Chat Background 以 dsh-chat-background 发布,当前版本为 1.2.1。Plugin Hub 会校验它的 manifest,并保存精确安装来源,便于复现安装结果。

DSH 兼容范围
*
运行环境
web
发布来源
github
Registry 更新时间
2026/10/25

版本

1.2.1stable
2026/10/25

相关插件

正在加载相关插件…

最新版
1.2.1
DSH
*
HMR
重启进程
Tree shaking
未声明可安全裁剪
解包体积
未提供
文件数
未提供
Surface
web
许可证
MIT
发布源
github
GitHub
★ 0
周下载
0
最近提交
2026/10/25
查看源码 ↗
README Badge

点击下方 Badge 复制 Markdown,粘贴到 README 即可。

这是你的 Plugin?认领权益 · 优先安全扫描

验证 package.json 声明的 GitHub 仓库,即可管理这个公开页面。认领后,Hub 会优先安排当前版本的安全扫描,并在通过后公开展示结果。

认领这个 Plugin →
报告问题

相关插件

继续浏览 ui-customization 分类下经过校验的插件。

Web App@deepseek-ai/dsh-web-appdsh 浏览器界面捆绑包:位于 dsh-base 之上的 Web 补丁层,加上运行时粘合插件(提供前端 dist、Web 界面提示符、bash 运行时变量和 URL 行)Experimental Session Titles Bundle@deepseek-ai/dsh-experimental-session-titles-bundle新的用户提示到达时刷新会话标题。Personalized Recommendations@deepseek-ai/dsh-personalized-recommendations回答下方以卡片形式提供个性化页面和内置插件推荐Experimental Agent Team Web Profile@deepseek-ai/dsh-experimental-agent-team-web-profile用于 Agent Teams Remote 和 UI 插件的实验性 Web 配置层

README

dsh-chat-background

中文 | English

给 DSH Web 界面换背景:本地图片、本地视频或内置预设渐变;右下角悬浮小圆钮点开就是调节面板。

图片和视频只存进浏览器 IndexedDB,设置只写 localStorage,不发起任何网络请求,也不读取聊天内容。

能调什么

控件作用
选择图片 / 视频从相册/文件里选 JPG / PNG / WebP / GIF 或 MP4 / WebM / MOV
预设背景12 套渐变,每套都有浅色与深色两种画法,随界面主题自动切换:晨雾、海盐、蜜桃、青提、极光、晚霞、深海、樱花、薰衣草、暖沙、夜色、墨岩
清晰度0–100%,越低越朦胧(映射到 0–14px 模糊)
背景透明度背景图自身的透明度
界面不透明度界面底色透出多少背景
对话栏不透明度输入框卡片与用户气泡的透明程度(默认 90%)
亮度 / 对比度 / 饱和度背景图的色彩调节
缩放 / 水平位置 / 垂直位置自定义构图,适合人像或大图
遮罩深色主题压一层黑、浅色主题压一层淡白雾(强度减半),保证文字可读
显示方式铺满 / 适应 / 平铺
动效静态 / 漂浮 / 缓慢呼吸(系统“减少动态效果”时自动关闭)
视频自动播放循环播放;关闭后停在第一帧(省电)
玻璃质感面板侧边栏、卡片、浮层变半透明玻璃
启用背景美化一键开/关,关闭即恢复原界面

右下角圆钮可上下拖动并记住位置;Esc 或点面板外关闭;刷新后设置仍在。

浅色主题为什么不糊

浅色界面的「界面不透明度」如果和深色一样压满,白色底会把渐变糊成一张灰白纸。所以底色分成三层:

  • 底色随主题和预设走:每套预设自带一对底色(tintLight / tintDark),浅色用带一点点色相的冷白,不再是一块中性灰;
  • 浅色只用 55% 的强度:界面不透明度 在浅色下按 0.55 缩放,颜色能透出来,文字对比度仍在 15:1 以上;
  • 底色是竖向渐变而不是平铺:顶部 58%、中部满、底部再加一点,画面有纵深;
  • 遮罩的颜色跟着主题:浅色下是白色薄雾、强度减半,深色下仍是黑色。

12 套预设都做了浅色/深色两套画法,切主题不需要手动改。

文件

package.json        插件清单:bundle patch + dsh.client(web)
cordis.patch.yml    宿主 Loader 行:id=chat-background
lib/index.js        宿主半边(空 apply,只为占一行)
lib/client.js       浏览器半边:背景层 + 悬浮按钮 + 调节面板(纯 DOM)

原理

  • 浏览器半边在 body 里插入四层固定定位元素:壁纸 #dshbg-image / 视频 #dshbg-video、暗色遮罩 #dshbg-veil、界面底色 #dshbg-tint,z-index 为负,位于应用内容之下;视频用 <video muted loop playsinline>。
  • 启用时给 body 加 data-dshbg="on",把 --dsw-alias-bg-base 改成透明,聊天画布就透出壁纸;界面底色由 #dshbg-tint 用 color-mix() 按“界面不透明度”合成。
  • render() 读 body[data-ds-dark-theme] 判断主题,再取预设的 css/cssDark 与 tintLight/tintDark;主题切换由 MutationObserver 监听该属性,不需要刷新。
  • 玻璃模式再覆盖 --dsw-specific-sidebar-fill 与 --dsw-alias-bg-layer-1/2/3。
  • 所有 DOM 都在 ctx.effect 里挂载,插件停用时会完整移除,不留样式污染。

安装

  • 仓库放进 /root/dsh-chat-background;
  • profile 的 dependencies 加 "dsh-chat-background": "link:/root/dsh-chat-background",dsh.profile.bundles 加 dsh-chat-background;
  • 建 node_modules/dsh-chat-background 链接,重启 Web;页面没出现小圆钮就刷新一次。

停用 / 卸载

  1. 从 dsh.profile.bundles 删掉 dsh-chat-background(或在 profile 的 cordis.patch.yml 里加一条 disabled: true);
  2. 重启 Web,之后可删软链与本目录;
  3. 想连设置一起清掉:控制台执行 localStorage.removeItem('dsh-chat-background:state:v1'),并删除 IndexedDB 库 dsh-chat-background。