DSH Web 的默认界面通常侧重于功能性。如果需要在不破坏底层结构的情况下调整视觉呈现，直接修改源码或编写复杂的 CSS 覆盖通常成本较高。下面介绍的插件提供了一套完整的主题配置，专注于视觉增强。
插件定位¶
该插件面向 DSH Web，由 JohnnyTing 维护。它在保持页面结构与交互不变的前提下，为界面提供流体背景、鼠标弹性网格和双小鱼动态效果。
核心功能¶
- 视觉风格：深蓝渐变、半透明玻璃表面和主题 token。
- 交互背景：程序化流体背景与鼠标交互效果；Canvas2D 鼠标弹性网格。
- 动态组件：两条自主游动、会避让鼠标的小鱼。
- 控制选项：效果开关与强度设置。
- 兼容性：适配
prefers-reduced-motion、粗指针设备和页面可见性。 - 资源清理：卸载时清理动画、事件、DOM 与图形资源。
安装与启用¶
使用官方命令安装并启用：
dsh plugin --profile web add github:JohnnyTing/dsh-official-homepage-theme
安装完成后，刷新或重启 DSH Web 即可生效。
典型用法¶
从 GitHub 安装最新版本：
dsh plugin --profile web add github:JohnnyTing/dsh-official-homepage-theme
本地开发时使用绝对路径：
dsh plugin --profile web add /absolute/path/to/dsh-official-homepage-theme
注意事项¶
- 该包携带 DSH bundle 配置，安装时会自动加入 profile 并加载主题。
lib/*为生成产物，不要直接编辑。- 插件以当前 DSH 进程权限运行，安装前应检查源码与许可证（MIT）。
总结¶
通过这套配置，你可以快速为 DSH Web 增加流体与动态效果，提升界面的视觉表现力。更多详情与源码，请访问插件目录或GitHub 仓库。
