TQSY114514/dsh-ui-appearance
31最近提交 2026年8月15日
dsh-ui-appearance DSH 插件
dsh-ui-appearance 是一款 DeepSeek Harness 插件，可自由定制 WebUI 外观。它提供 6 个颜色角色的主题色板、壁纸和视频背景、毛玻璃与半透明效果，以及背景氛围系统。所有修改实时生效并自动保存到 localStorage。
如何安装 dsh-ui-appearance DSH 插件
dsh plugin --profile <name> add dsh-ui-appearance来源命令需要人工核对。复制不会执行命令。
dsh-ui-appearance DSH 插件数据来源
dsh-ui-appearance DSH 插件快照日期：2026年8月16日
discovered
dsh-ui-appearance DSH 插件能做什么
- 自定义 6 个颜色角色（主色、背景色、面板色、输入框色、文字色、边框色），支持取色器和 HEX 输入，焦点环和消息气泡自动跟随主色。
- 上传或拖拽图片（JPG/PNG/WebP），或粘贴图片/视频 URL 作为壁纸；支持视频背景（MP4/WebM），存储在 IndexedDB。
- 通过独立滑块调节面板不透明度、毛玻璃强度、背景不透明度、背景模糊和背景遮罩，影响侧边栏、设置面板、聊天区、任务面板、卡片和按钮。
- 提供 6 套预设主题（默认、午夜、海洋、森林、玫瑰、单色），应用后仍可自由微调，不被预设锁定。
- 导出/导入配色方案为 JSON 文本，方便与朋友分享。
- 上传壁纸时自动采样亮度，深色壁纸自动协调抬亮表面和翻亮文字，保证可读性。
dsh-ui-appearance DSH 插件适合哪些场景
- 个性化 DeepSeek Harness WebUI 的外观，匹配个人审美或品牌色彩。
- 使用喜欢的图片或视频作为聊天界面的动态壁纸。
- 打造毛玻璃效果的现代半透明 UI。
- 在不同心情或工作环境下快速切换预设主题。
- 通过导出/导入 JSON 与同事或朋友分享配色方案。
dsh-ui-appearance DSH 插件适合谁
- 希望个性化 WebUI 外观的 DeepSeek Harness 用户。
- 使用 DeepSeek Harness 的开发人员或设计师，需要统一视觉主题。
dsh-ui-appearance DSH 插件的限制
- 设置存储在浏览器 localStorage 中，绑定当前浏览器，清除站点数据或更换浏览器会丢失。
- 图片压缩预算 2MB，输入上限 5MB；壁纸以压缩 data URL 存储，受 localStorage 配额限制。
- 视频背景仅支持 H.264（MP4）和 VP8/VP9（WebM）编码，不支持的编码（如 HEVC）会自动降级回壁纸。
- 语法高亮文字色（shiki tokens）独立，不随主色变化，与 IDE 惯例一致。
dsh-ui-appearance DSH 插件的仓库 README 摘录
以下文字摘自 dsh-ui-appearance DSH 插件的上游仓库 TQSY114514/dsh-ui-appearance 的 README，版权归原作者，仅作引用。
DeepSeek Harness 外观自定义插件 —— 自由调色的主题色板、壁纸/视频背景、毛玻璃与背景氛围,全部实时预览、自动持久化。 [](https://www.npmjs.com/package/dsh-ui-appearance) [](https://github.com/TQSY114514/dsh-ui-appearance/actions) [](https://github.com/TQSY114514/dsh-ui-appearance/releases) > 零核心代码改动:完全通过官方插件机制(`ctx.theme.overrideTokens()` 主题扩展点与 `settings.general.item` 插槽)实现;卸载后界面完整恢复默认。 <!-- 演示:将录屏放入 docs/demo.gif 并替换此行  --> ## 界面 | 设置面板 | 壁纸 + 毛玻璃效果 | |---|---| |  |  | > 效果图中的壁纸素材 © MadYY([原图](docs/wallpaper-madYY.png)),仅作演示;用户上传自己的图片即可。 ## 功能 **主题颜色** —— 6 个颜色角色:主色、背景色、面板色、输入框色、文字色、边框色。每个角色都支持取色器与 HEX 输入;文字选区与键盘焦点环自动跟随主色;消息气泡跟随主色(半透明时保留主色相)。 **壁纸背景** —— 点击上传或拖拽图片(JPG / PNG / WebP),或**粘贴图片/视频 URL 一键加载**(按扩展名自动分流,支持 CORS 友好的图床/视频直链),自动压缩后作为全界面壁纸;上传时自动采样亮度,深色壁纸会协调抬亮表面、翻亮文字、按钮跟随变暗,保证可读性。也支持**视频背景**(MP4 / WebM,静音循环,与图片互斥),视频存入 IndexedDB,不占用 localStorage 配额。 **毛玻璃与半透明** —— 面板不透明度与毛玻璃强度两个滑块,让侧边栏、设置面板、聊天区、任
阅读完整 README仓库许可: MIT
dsh-ui-appearance DSH 插件常见问题
如何安装 dsh-ui-appearance？
在终端中运行命令 `dsh plugin --profile <name> add dsh-ui-appearance`。也可以从源码安装：克隆仓库后使用 `dsh plugin --profile <name> add file:<路径>`。更新时只需重新执行 `add` 命令即可。
卸载插件后设置会丢失吗？
不会，插件在卸载时会自动清理所有覆写、样式表和背景图层，界面恢复默认。你的设置存储在 localStorage 中（键 `dsh-ui-appearance.settings`），但重新安装后不会自动恢复。不过卸载后界面立即回到默认状态。
可以用视频作为背景吗？
可以，你可以上传或粘贴 MP4 或 WebM 格式的视频 URL。视频会静音循环播放，存储在 IndexedDB 中以避免 localStorage 配额问题。不支持的编码（如 HEVC）会自动降级回壁纸。
为什么语法高亮颜色不随主色变化？
语法高亮颜色（shiki tokens）独立于主题色，以保持可读性并与 IDE 惯例一致，插件不会覆写它们。
如何与他人分享我的配色方案？
打开设置面板，进入“配色方案”区域，点击“导出”，配色方案 JSON 文本会复制到剪贴板。对方点击“导入”并粘贴该 JSON 即可应用相同的方案。