dsh-image-skin:DeepSeek Harness Web UI 的区域壁纸与取色皮肤插件

前言

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 提供了高度可定制的视觉体验,支持视频与动画,并从本地壁纸中智能提取配色。对于追求界面个性化的开发者而言,这是一个轻量级且可逆的解决方案。

GitHub 仓库 | 插件目录

羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

小夜