dsh-skin-studio:为 DeepSeek Harness 换背景并加毛玻璃蒙版

前言

DeepSeek Harness(DSH)的界面主题通常由主题服务统一控制。若只想在不动配色、字体和气泡样式的前提下,给工作区加一张个人背景并柔化视觉层次,改主题或写 CSS 覆盖往往代价偏大。dsh-skin-studio 是社区维护的 DSH 增强插件,专门做「背景图 + 全局蒙版虚化」,并明确不碰原主题服务。

这是什么

dsh-skin-studio(npm 包名 @wsj060618/dsh-skin-studio,当前版本 0.1.0)由 wsj060618 维护,面向 platform: web 的 DSH 客户端。一句话定位:上传自己的背景图铺在界面后面,再用半透明蒙版配合 backdrop-filter 做毛玻璃虚化;颜色、文字、气泡等仍沿用原主题。

核心功能

下面两项能力在 README 中有明确说明。

背景图

  • 支持上传本地图片作为界面背景。
  • 「适配方式」三种:铺满、完整显示、平铺。

全局蒙版虚化

  • 半透明蒙版叠加在背景之上,使用 backdrop-filter 实现毛玻璃。
  • 可分别调节「蒙版浓度」(透明度,0% 完全透明、100% 不透明)和「虚化程度」(模糊强度,0 表示不模糊)。
  • 切换浅色/深色主题时,蒙版会自动跟随当前主题的底色。

插件启用后,侧栏会出现「皮肤工坊」入口,设置均在该面板内完成。

安装与启用

安装前请自行查看 GitHub 仓库 源码与 MIT 许可证。插件随当前 DSH 进程权限运行,安装即信任其客户端注入逻辑。

在 web profile 下,任选一种方式安装:

命令行(GitHub 源):

dsh plugin --profile web add github:wsj060618/dsh-skin-studio

npm 源:

dsh plugin --profile web add @wsj060618/dsh-skin-studio

若本地已有打包好的 tarball(示例文件名为 README 中的 0.1.0 包):

npm pack
dsh plugin --profile web add ./wsj060618-dsh-skin-studio-0.1.0.tgz

插件依赖 @deepseek-ai/dsh-client-ui-layout 的 slots 服务;README 注明桌面版(Electron)已验证通过。

典型用法

  1. 在侧栏打开「皮肤工坊」。
  2. 在「背景图」中选择图片,并按需设置「适配方式」(铺满 / 完整显示 / 平铺)。
  3. 在「全局蒙版虚化」中调节「蒙版浓度」与「虚化程度」,直到背景可读性符合个人习惯。
  4. 如需验证主题联动,可切换浅色/深色主题,确认蒙版底色是否随主题变化。

背景图仅保存在本机 localStorage,README 说明插件不会上传图片,且不访问网络、不读写文件系统以外的资源。

适用场景与注意

适合谁

  • 希望在 DSH Web / Electron 客户端上个性化背景、又不愿改主题配置的开发者或日常用户。
  • 需要轻量视觉定制、且接受设置保存在浏览器本地存储的场景。

注意

  • 仅适用于 platform: web 的客户端注入路径;功能边界以 README 与 package.json 中的 dsh.client 配置为准。
  • 社区插件目录 SkillHub 插件页 为独立站点,与 DeepSeek / 幻方无官方从属关系;星标与分类以目录页实时信息为准(撰写时 GitHub 星标为 0)。
  • 毛玻璃效果依赖浏览器对 backdrop-filter 的支持,不同环境表现可能略有差异。

结尾

dsh-skin-studio 把「换背景」和「柔化背景」从主题逻辑里拆出来:侧栏进「皮肤工坊」即可调图与蒙版,主题本身保持不变。进一步了解可访问 SkillHub 目录页 与 GitHub 仓库。

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

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

Xiaoye