灵动壁纸 hero-jianghaojie/dsh-lively

dsh-lively

DeepSeek Harness Web GUI 的动态壁纸层：界面背后放一张动态壁纸——程序化预设、图片、GIF 或视频——另有一个小设置页，用来挑选外观。

浅色主题预览

▶ 观看 47 秒介绍视频 —— 带旁白，逐一介绍预设、自定义壁纸、播放列表和各项控制（1080p30，中文旁白）。

功能

- 六种程序化预设 —— Flow、Aurora、Starfield、Lava、Mesh、Neon grid。
Flow 是刻意做成动态的那一个（位置和尺寸都会漂移）；每种预设都有深色变体配深色调色板、亮色变体配浅色调色板，所以浅色主题不会糊成一片灰。
- 自定义壁纸 —— 图片、GIF、WebP、AVIF、MP4 或 WebM，可用 URL，也可从磁盘上传。上传的文件存放在 $DSH_HOME/dsh-lively-media/ 下，由插件自己的路由提供，所以刷新和重启后都还在。
- 控制项 —— 壁纸强度（壁纸透出多少）、暗化、视频柔化、动画速度、动态开关（减弱动态效果的退路）、窗口隐藏时暂停。
- 播放列表 —— 每隔 1–240 分钟，在任意预设子集之间轮换，按顺序或随机。
- 壁纸库 —— 每个上传的文件都会列在设置里，上周挑的壁纸点一下就能回来；宿主通过 /dsh-lively/library 列出 $DSH_HOME/dsh-lively-media/。
- 跟随主题 —— 遮罩挂在 body[data-ds-dark-theme] 上；亮色/深色预设变体挂在 html:has(> body[data-ds-dark-theme]) 上。

安装

git clone https://github.com/hero-jianghaojie/dsh-lively.git
dsh plugin --profile desktop add ./dsh-lively

然后重启 DSH（如果装了侧边栏的重启按钮，就用它），打开 Settings → Live wallpaper。

工作原理

- 壁纸放在一个固定层里，z-index:-1（#dsh-lively-layer），有三个子元素：动态的 surface、按主题着色的 veil（strength）和 dim 遮罩。这一层挂在根节点上，所以位于所有列的下方。
- 为什么不用根元素自己的背景？Chromium 会把根背景画进画布背景层；在 html 上做 background-position/background-size 动画，只会推进动画时钟，屏幕上并不重绘，所以预设看起来是静止的。普通元素会重绘，这一层用的就是普通元素。
- 外壳在框架上和中间列上都画 --dsw-alias-bg-base，alpha 会相乘。因此这个 token 完全透明，这一层就能透出来，只画一次 veil，盖在 surface 上方。
- 外壳各列不加 backdrop-filter：加了会让它们成为固定定位后代的包含块，而侧边栏的折叠开关正是 position: fixed —— 给列做磨砂效果，会把那个按钮拖到品牌标识上。
- 设置会持久化两次：localStorage（即时生效）和 $DSH_HOME/dsh-lively-state.json，后者通过 /dsh-lively/state 写入，因为 Desktop 应用的回环端口每次启动都会变。

限制

- 视频壁纸需要真实的 元素；单靠 CSS 无法播放视频。
- 柔化控制只对视频生效 —— CSS 无法模糊根背景，而模糊列会破坏固定定位的外壳界面元素。
- 边框透明规则针对 [class$='_frame']，这跟外壳的 CSS-module 命名方式一致。

许可证

MIT