DeepSeek Harness Plugin Hub

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

探索

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

社区

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

相关链接

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

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

Bg — DeepSeek Harness 插件(DSH Plugin)
← Plugins

dsh-bg

Bg

DSH 网页背景切换器:为左侧边栏和右侧详情抽屉分别设置背景图片,并支持无缝全屏模式,让两个面板显示一张连续图片。

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

npx -y @deepseek-ai/dsh plugin --profile web add dsh-bg@0.1.2
README兼容性版本

兼容性与来源证明

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

DSH 兼容范围
*
运行环境
web
发布来源
npm
Registry 更新时间
2026/9/20

版本

0.1.2stable
2026/8/21
0.1.1stable
2026/8/16
0.1.0stable
2026/8/16

相关插件

正在加载相关插件…

最新版
0.1.2
DSH
*
HMR
重启进程
Tree shaking
未声明可安全裁剪
解包体积
45 kB
文件数
6
Surface
web
许可证
MIT
发布源
npm
GitHub
★ 0
周下载
29
最近提交
2026/8/16
查看源码 ↗
项目主页 ↗
README Badge

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

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

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

认领这个 Plugin →
报告问题
DeepSeek Harness Plugin Hub
ProfilesPlugins分类动态文档登录管理 Profiles
ProfilesPlugins分类动态文档登录

相关插件

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

Web App@deepseek-ai/dsh-web-appdsh 浏览器界面捆绑包:位于 dsh-base 之上的 Web 补丁层,加上运行时粘合插件(提供前端 dist、Web 界面提示符、bash 运行时变量和 URL 行)Experimental Agent Team Web Profile@deepseek-ai/dsh-experimental-agent-team-web-profile用于 Agent Teams Remote 和 UI 插件的实验性 Web 配置层Remote Web Ui@linxin666/dsh-remote-web-ui通过扫码配对访问 dsh Web GUI,共享一个官方界面:设置按钮旁的二维码可将手机和 PC 配对到同一个 Web GUI(手机采用竖屏触控适配层,PC 使用完整桌面界面),通过一次性令牌和 rClient Ui Task Board@linxin666/dsh-client-ui-task-board面向 DSH Web GUI 的主机权威任务面板,支持实际会话执行、主机 cron 调度以及可选的跨平台空闲睡眠保护;以挂载方式提供,无需修改 DSH 源代码。

README

dsh-bg

DSH web 页面背景切换插件:可以自由更换 DSH Web 界面左右面板的背景。

快速开始(npm 安装)

dsh plugin --profile web add dsh-bg

然后重启 dsh web 服务(关闭 start-harness 窗口重新运行),刷新浏览器即可。

使用入口

设置页 → 通用(General)→「外观」下方 →「背景」行

更新

dsh plugin --profile web update dsh-bg

卸载

dsh plugin --profile web remove dsh-bg

需要 dsh(npm 全局)与 pnpm。安装后由 dsh plugin 自动把 dsh-bg 加入 profile 的 bundles 层,无需手改配置。

三种模式

模式效果
左面板只给左侧固定面板(会话列表 sidebar)换背景图
右面板只给右侧抽拉面板(工具检查 details)换背景图
左右无缝整屏铺同一张背景图,左右面板是同一张图的左右切片,视觉上是一张图无缝衔接(对话栏也显示图片中间部分)

功能

  • 当前背景预览:迷你三栏布局示意图,实时预览当前模式下的背景效果
  • 三种模式切换:左面板 / 右面板 / 左右无缝
  • 上传背景图片(文件选择,多选)或直接粘贴剪贴板图片
  • 动态壁纸(MP4):上传 MP4 视频作为背景,静音循环播放;视频 Blob 存 IndexedDB (dsh-bg/media),缩略图显示视频首帧,带「MP4」角标,同样可删可切换
  • 图片库缩略图选择 / 删除(最多 8 项,图片单张 ≤ ~3.4MB,视频 ≤ 300MB)
  • 「压暗遮罩」滑杆:给背景叠加深色遮罩,保证面板文字可读性
  • 「图片不透明度」滑杆:0-100%,单独控制背景图片/视频本身的透明度(不影响遮罩)
  • 「模糊度」滑杆:0-24px,给背景图片/视频加高斯模糊(毛玻璃效果,不影响文字清晰度)
  • 「文字颜色」手动调整(配合背景图片提升可读性):
    • 灰度模式(默认):一个滑杆,黑(0) → 白(255),整体调文字明度
    • RGB 模式(开关,默认关):开启后显示 R/G/B 三个滑杆精确调色
  • 「移除背景」一键清除当前背景(保留图片库)
  • 配置持久化在浏览器 localStorage(dsh-bg:config),刷新不丢失

项目结构

dsh-bg/
├── package.json       dsh.client(平台 web,注入 slots)+ dsh.bundle.patch
├── cordis.patch.yml   插入 dsh-bg 插件行
└── lib/
    ├── index.js       host 侧占位(无行为)
    └── client.js      browser 侧:背景引擎 + 设置行 UI

本地开发

# 从项目目录安装到 web profile(会加入 dsh.profile.bundles 层)
dsh plugin --profile web add file:./dsh-bg   # 在仓库父目录执行,或填本机实际路径

重启后修改 lib/client.js 会通过 client-hmr(500ms 轮询)自动热更新,无需再重启。

实现要点

  • 背景通过注入的 <style data-plugin="dsh-bg"> 覆盖布局 CSS:
    • 左栏 .sidebarCol、右栏 .detailsCol 用 [class$="_sidebarCol"] / [class$="_detailsCol"] 后缀选择器匹配(CSS Modules 哈希前缀跨版本会变,语义后缀稳定)
    • 各面板内部不透明根节点(SidebarRoot / ConversationRoot / DetailsPanel)必须 置为 transparent,否则会盖住列背景
  • 「左右无缝」把图片铺在 AppFrame 根([class$="_frame"]:has(> [class$="_sidebarCol"]), 整屏)+ 三列全部透明,天然无缝且随面板开合/拖拽宽度自动正确
  • HMR 重载时旧 <style data-plugin> 被移除、新 bundle 重新注入,无残留
  • 详细设计与实现见 docs/实施文档.md

验证

  • node test-smoke.cjs:模块级冒烟测试(三种模式 CSS 生成、apply() 激活、槽位注册)
  • node verify-cdp.mjs:真实浏览器(headless Chrome + CDP)验证——需先以 --headless=new --remote-debugging-port=9222 启动 Chrome 并打开 http://127.0.0.1:3080
  • 已在运行中的 GUI 上实测确认(真实 computed style):左右无缝整屏生效、左面板模式侧栏生效、 右面板模式详情栏生效(面板为 DSH 控制宽度,展开即显示)、禁用后干净还原、0 控制台错误

License

MIT