前言¶
DeepSeek Harness (DSH) 的 Web UI 默认样式统一。若希望将个人壁纸、GIF 或视频应用到界面特定区域,并让 UI 颜色跟随壁纸变化,可以使用 dsh-image-skin。该插件允许你在不同界面区域放置独立图片或视频,添加可拖拽贴纸,并采样壁纸颜色以调整界面色调,无需上传到云端。
是什么¶
dsh-image-skin 是一个为 DSH Web UI 提供区域壁纸和取色功能的插件,由 Hwayn 维护,遵循 MIT 协议。它通过本地文件系统管理皮肤资源,支持图片、GIF 和视频,并利用壁纸颜色生成符合对比度要求的界面配色方案。
核心功能¶
-
区域艺术
支持为多个界面区域独立配置图片或视频,包括窗口背景、中心列、侧边栏、欢迎页、右侧面板和编辑器。每个区域均可独立开关、设置图片来源(浅色专用、两模式共用或未设置)以及适配模式。 -
动画支持
窗口背景支持 MP4 或 WebM 循环视频,其他区域支持 GIF。可通过滑块调节视频播放速率。 -
亮暗主题
浅色和深色模式可配置不同的壁纸集。切换主题时壁纸会同步切换,并提供一个共享图片作为后备。 -
贴纸
在侧边栏和编辑器上添加两个可自由拖拽和缩放的贴纸,位置会持久保存。 -
面板透明度
提供滑块控制 DSH 自身面板的透明度,透过面板可以看到壁纸,但壁纸本身不会被压暗。 -
取色
界面颜色从壁纸采样。包含 0-4 的深度滑块(无步进),以及三种取色模式:- 整屏染色:所有表面和边框染上主色调。
- 只染三处:表面保持中性,仅选择框、焦点环和边框染上颜色。
- 双声部:表面使用主色调,交互色使用壁纸的第二色调。
-
性能与隐私
动画仅作用于合成器友好的属性,在长对话中优化文本颜色渲染。所有文件仅存储在本地$DSH_HOME/image-skin/,关闭插件即可完全移除。
安装与启用¶
使用官方安装命令添加插件:
dsh plugin --profile web add dsh-image-skin
安装完成后,需重启 DSH Web 主机以应用配置:
dsh --profile web --no-open
最后在浏览器中执行硬刷新(Ctrl+F5)以加载新插件。
典型用法¶
进入 Settings → 图片皮肤 / Image skin。配置分为两个独立页面:
「贴图」/ Images
* 编辑模式:通过切换“浅色模式”和“深色模式”来编辑对应的壁纸集。
* 界面区域:点击卡片添加或选择图片,可设置图片来源和适配方式。
* 角标贴图:添加可拖拽的贴纸。
* 全局效果:调节面板透明度及视频播放速率。
* 存储:清理未被任何区域引用的图片文件。
「配色」/ Colour
* 深度:拖动 0-4 的滑块,实时调整颜色覆盖的深度。
* 颜色路径:选择整屏染色、只染三处或双声部模式。
* 取自壁纸:查看采样到的颜色,确保壁纸已设置且有效。
注意事项¶
- 桌面应用兼容性:使用桌面应用(Electron)且版本 ≤ 0.4.1 的用户,可能会因缺少
settingsScope而遇到启动错误。请使用 0.4.2 或更高版本。若必须使用旧版本,需手动指定版本安装,例如dsh plugin --profile web add dsh-image-skin@0.4.8。 - 旧功能移除:早期的“AI ornament”功能因 UI 冲突已被移除,当前版本专注于壁纸采样和取色。
- 本地运行:插件完全在本地运行,不涉及云端上传或账号绑定。
结语¶
dsh-image-skin 为 DSH Web UI 提供了高度可定制的视觉体验,支持视频与动画,并从本地壁纸中智能提取配色。对于追求界面个性化的开发者而言,这是一个轻量级且可逆的解决方案。