前言¶
DeepSeek Harness（DSH）的 Web 界面默认提供浅色、深色和跟随系统三种主题，但背景仍是纯色表面。如果你希望在不改动官方布局的前提下，给侧栏、标题栏、正文区和输入区加上壁纸与玻璃质感，就需要一层独立的皮肤插件。
dsh-liquid-glass 正是为此设计的 DSH Web 皮肤：在官方主题之上叠加壁纸，并可选启用液态玻璃材质。下面介绍它的定位、功能与安装用法。
这是什么¶
dsh-liquid-glass 由维护者 xingyingyuzhui 发布，归类为「趣味换装」。插件在 DSH 官方浅色 / 深色 / 跟随系统主题之上，增加壁纸层和可选的液态玻璃岛效果，不替换官方几何与滚动行为。
对照基线为 DeepSeek Harness 提交 47f943859bef60e4160492346772ded9b24f765a。当前版本 0.12.82，采用 MIT 许可证。
核心功能¶
壁纸¶
- 预设：冰原（浅色）、深水（深色）
- 自定义：可导入自己的图片
- 透明度：滑杆只调整壁纸本身，不会把整张界面糊掉
液态玻璃¶
- 玻璃模糊（Glass blur）：仅对每个玻璃岛背后那一层做 backdrop blur，壁纸保持清晰
- 液态玻璃开关（Liquid Glass）：关闭后恢复官方表面材质，壁纸可单独保留
- 不抢官方几何：会话滚动仍由
data-conversation-scroll管理，输入区 sticky 行为不变
技术实现¶
插件分 Host 与 Client 两面：
| 面 | 文件 | 说明 |
|---|---|---|
| Host | host.js |
托管冰原 / 深水 JPEG，哈希 URL 一年 immutable，legacy URL no-cache |
| Client | client.js |
__ModuleLoader__ bundle，包含设置行、壁纸层与玻璃岛 CSS |
CSS 只挂在 body[data-dsh-liquid-glass] 下，模糊仅发生在各岛 ::before，不作用于壁纸、body 或官方滚动容器。旧的「壁纸模糊」存储键不再读取，也不会自动迁移为新的玻璃模糊。
安装与启用¶
前置条件：本机已安装 DSH，且 dsh web 可正常运行。
1、执行安装命令：
dsh plugin --profile web add github:xingyingyuzhui/dsh-liquid-glass
2、重启 DSH：
dsh web
3、打开 设置 → 通用 → Liquid Glass，按需调整壁纸与玻璃效果。
典型用法¶
安装并重启后，在设置页的 Liquid Glass 区域可看到三个控件：
| 控件 | 作用 |
|---|---|
| Wallpaper | 选择预设或导入自定义壁纸；滑杆调整壁纸透明度 |
| Glass blur | 控制每个玻璃岛背后的 backdrop blur，壁纸不受影响 |
| Liquid Glass | 开/关材质；关闭后恢复官方表面，壁纸可单独保留 |
适用场景与注意¶
适合谁
- 日常使用 DSH Web UI，希望在官方主题基础上增加壁纸与玻璃质感
- 需要保留官方布局与滚动行为，只改视觉层
注意事项
- 插件随当前
dsh进程权限运行，安装前应检查 GitHub 源码 与 MIT 许可证 - 开发环境要求 Node.js
>=20；修改src/client/后需执行npm run build重新生成client.js，不要手改生成物 - 卸载命令：
dsh plugin --profile web remove dsh-liquid-glass
执行后重启 dsh web 即可。
结尾¶
dsh-liquid-glass 在 DSH 官方主题之上提供壁纸与可选液态玻璃叠加，改动集中在视觉层，不干扰会话滚动与输入区行为。如需安装或查看预览图，可访问 SkillHub 目录页 或 GitHub 仓库。
