bgx-dynamic-background
DeepSeek Harness (DSH) 动态背景切换插件：上传 GIF/WebP 动图与静态图、内置 12 色纯色调色板，定时丝滑交叉淡入淡出切换页面背景，聊天区自动叠加主题色保护层。
插件会安装到这里；不确定时保持 web。
npx -y @deepseek-ai/dsh plugin --profile web add github:njuptlzf/dsh-dynamic-background#b14b22dbf4406ae0f46ce96c60c36bfca5787392
Bgx Dynamic Background 以 bgx-dynamic-background 发布，当前版本为 1.2.0。Plugin Hub 会校验它的 manifest，并保存精确安装来源，便于复现安装结果。
DeepSeek Harness (DSH) 动态背景插件：上传 GIF/WebP 动图与静态图、内置 12 色纯色调色板，定时丝滑交叉淡入淡出切换页面背景，聊天区自动叠加主题色保护层。
color-mix）：
[data-chat-flow]contain（图片等比缩放、整张可见、居中），可选 cover 铺满File.arrayBuffer() + 纯 JS base64，不依赖受限全局占位：将真实截图（PNG）放入
assets/后替换下面的链接。
| 设置页 | 背景效果 |
|---|---|
| 设置页 | 背景效果 |
本插件是标准 DSH bundle 插件（npm 包结构，带 dsh.client 声明与 cordis.patch.yml），可被 dsh-plugin 社区市场收录，并通过官方命令一键安装：
dsh plugin --profile web add github:njuptlzf/dsh-dynamic-background
# 无全局 dsh 时：
npx @deepseek-ai/dsh plugin --profile web add github:njuptlzf/dsh-dynamic-background
安装后重启 dsh web，打开 设置 → 动态背景 即可使用。
dsh-plugin / deepseek-harness topic，社区市场（如 awesome-dsh-plugin 每日爬虫、dsh-plugin-market）会自动收录；lib/ 已预编译提交，git 安装零构建步骤；legacy/dynamic-plugin.client.js（会话内 cordis_define + cordis_run 方式）。激活后进入 设置 → 动态背景 页：
| 控件 | 说明 |
|---|---|
| 开启背景 | 总开关 |
| 纯色背景 | 12 色色板，点击添加并立即应用 |
| 选择图片 / 拖拽 | 上传动图与静态图（多选，Ctrl/Shift） |
| 显示模式 | 完整显示（contain，默认）/ 铺满（cover） |
| 切换间隔 | 3–120s（默认 15s） |
| 过渡时长 | 0.3–3s 交叉淡入淡出（默认 1.4s） |
| 背景虚化 / 遮罩强度 | 可选美化 |
| 随机 / 顺序 · 播放 / 暂停 · 下一张 · 清空 | 播放控制与列表管理 |
<style> 维护 body::before / body::after 两个 z-index:-1 固定图层，切换时旧图淡出、新图淡入；图层规则 = rgba 兜底 + color-mix 主题自适应渐变（含 Ken Burns 与 prefers-reduced-motion）theme.overrideTokens 将 --dsw-alias-bg-base 置为 transparent，背景图在非保护区域完整透出data-* 属性与结构选择器（无哈希类名依赖），默认 84% 主题表面色window.__ModuleLoader__.load 契约，dsh.client.inject 声明依赖），dsh.bundle.patch 指向 cordis.patch.yml；lib/ 预编译提交，dsh plugin add github:<owner>/<repo> 即可安装file.arrayBuffer() + 纯 JS base64 编码（bundle 环境亦可直接用 FileReader / URL）bgx-dynamic-background/
├── package.json # bundle 包元数据（dsh.client / dsh.bundle.patch 声明）
├── cordis.patch.yml # 挂载行：注册进 profile 浏览器 roster
├── tsdown.config.ts # 独立构建配置（node ESM + client ModuleLoader CJS）
├── src/
│ ├── index.ts # node half 存根（纯 UI 插件）
│ └── client/index.js # 客户端源码（设置页 UI + 背景舞台 + 上传）
├── lib/
│ ├── index.mjs # 预编译 node half
│ └── client.js # 预编译 client half（window.__ModuleLoader__ 契约）
├── legacy/dynamic-plugin.client.js # 旧版动态插件源码（cordis_define 方式）
├── assets/
│ ├── banner.svg # 仓库 Banner
│ └── screenshot-*.png # 截图（待替换为真实截图）
├── README.md
└── LICENSE # MIT
打包：
npm pack生成bgx-dynamic-background-<version>.tgz；lib/为预编译产物（与 Aqua / dsh-plugin-market 等社区插件一致），安装走dsh plugin add，无构建步骤。npm registry 发布需npm login后npm publish。
dsh plugin add 一键安装、可被插件市场收录pkg-1 初版（聊天区浮窗）→ pkg-2 迁入设置页 → pkg-3 修复 clearAll 崩溃 → pkg-4 修复缩略图刷新 / 多选 / 进度条 → pkg-5 默认可读保护层 → pkg-7 自适应亮度 + 完整显示 → pkg-8 保护层收窄到聊天列 → pkg-9 状态栏保护层 → pkg-10 头部保护层 + 侧边栏半透明 → pkg-11 修复 override 层覆盖 → pkg-13 移除侧边栏样式 + 纯色调色板（归档于 legacy/）欢迎 Issue 与 PR：新色板、动效优化、更多保护区域、性能改进等。
MIT © 2025 Kasakaze (njuptlzf)