dsh-glass-skin:DSH Web UI 的亚克力玻璃皮肤

前言

DeepSeek Harness(DSH)的 Web 界面默认是实心面板:侧栏和会话区不透明,换浅色/深色只能改配色,很难在长时间盯屏时做出「界面浮在背景之上」的视觉层次。若你用的是桌面客户端或 dsh web,又希望在不改 DSH 本体代码的前提下给界面加一层半透明玻璃和可调壁纸,社区插件 dsh-glass-skin 走的是页面级皮肤路线:通过 DSH 插件机制注入样式与控制台,而不是替换官方主题包。

下面介绍它是什么、怎么装、控制台里各控件做什么,以及使用时需要接受的边界。

这是什么

dsh-glass-skin(目录名 Lenandy/dsh-glass-skin)由维护者 Lenandy 发布,在 SkillHub 分类为「趣味换装」。它是 DSH Web UI 的页面级玻璃皮肤:会话画布与侧栏变为半透明玻璃,底层是一层重模糊的冷灰蓝背景;卡片、气泡和输入框保持实心,文字可读性由设计保留。

插件当前版本为 0.2.0(见仓库 package.json),许可 MIT。README 注明在 DSH 桌面版 0.2.0-rc.2(Electron 44 / Chrome 152)上做过实测;你的环境若不同,以实际加载结果为准。

核心功能

玻璃效果

  • 真玻璃,不是贴图:半透明区域背后是真实模糊,不是静态贴图蒙版。
  • 明暗各自独立:浓度、遮罩按浅色/深色分开保存;同一组数值在两种配色下观感不同。
  • 三个预设:通透 / 标准 / 厚重,一次设定浓度与遮罩。
  • 随时可退:关闭皮肤即恢复原版;不会改写你原有的浅色/深色偏好。

控制台

安装成功后,界面右下角会出现圆形按钮,即皮肤控制台(纯鼠标,无需 DevTools)。打开控制台时,标题会显示版本号,可作为加载成功的标志之一。

控件 作用
浓度 玻璃强弱。100% 为出厂默认(暗色叠加后约 59%、浅色约 55%),0% 为表面全透明
模糊 背景模糊半径,明暗共用;设为 0 则壁纸清晰
遮罩 在背景上压一层以拉高文字对比度;暗色压黑、浅色提白
通透 / 标准 / 厚重 预设,一次设好浓度 + 遮罩
壁纸 输入或选图;右侧:选图 · 用 · 清除
关闭皮肤 / 详情 / 重置 「详情」为诊断报告;「重置」恢复全部默认(与壁纸「清除」不同)

壁纸来源

你手上是什么 怎么做
图片直链、data: URL 粘进输入框 → 点 ✓
搜索引擎图片结果页链接 直接粘贴点 ✓;插件从页面 URL 的 mediaurl 参数解析真实图片地址(Bing / Google 图片结果均使用该参数名),成功后保存的是解析后的地址
本机图片 点选图按钮,走文件选择器

图片会先探测再应用:加载失败则保留内置背景、不会黑屏,并在输入行下方说明原因。本地图片上限 2MB(受浏览器本地存储限制)。

自我诊断与隐私

  • 自我诊断:实时测量「叠加后不透明度」,超过 85% 会报警并提示调节方向。
  • 隐私:只改样式,不采集、不上报数据;偏好存在浏览器 localStorage。卸载或点「重置」可清空。唯一外网请求是你填写的壁纸地址,由浏览器直接拉图,无中转与统计。

安装与启用

DSH 插件按 profile 区分桌面客户端与浏览器 Web UI,安装命令须带 --profile,且安装后需重启 DSH 才生效。

桌面客户端(DeepSeek Harness.exe):

dsh plugin --profile desktop add github:Lenandy/dsh-glass-skin

浏览器(dsh web):

dsh plugin --profile web add github:Lenandy/dsh-glass-skin

加载成功的常见标志:

  1. 右下角出现圆形控制台按钮;
  2. 打开控制台,标题显示版本号。

典型用法

  1. 按上节命令安装对应 profile 的插件,重启 DSH。
  2. 点击右下角圆钮打开控制台,先用 通透 / 标准 / 厚重 选一个接近预期的预设。
  3. 分别切换 DSH 的浅色与深色,微调 浓度、遮罩(两种配色各存一套)。
  4. 需要壁纸时:粘贴直链或搜索引擎结果页链接后点 ✓,或本机 选图(注意 2MB 限制)。
  5. 若对比度变差,优先加大 遮罩;若诊断提示不透明度超过 85%,按提示往回调 浓度 或遮罩。
  6. 暂时不用皮肤时,在控制台选择 关闭皮肤;要恢复出厂控件与壁纸默认,用 重置(不会自动清掉仅卸载前留在 localStorage 的旧设置,需重装后点「重置」才能一并清空,见 README 说明)。

卸载

dsh plugin --profile desktop remove dsh-glass-skin

若装的是 web profile,将 --profile desktop 换成 --profile web。同样需重启 DSH。皮肤的设置在浏览器本地,卸载不会自动删除;若要清空,重装后在控制台点「重置」。

适用场景与注意

适合谁:已在用 DSH 桌面版或 dsh web、希望界面有亚克力/玻璃质感、并愿意用右下角控制台调参的开发者或日常用户。SkillHub 上该插件星标为 0,成熟度请以你本地实测为准。

已知边界(README 原文):

  • 不是系统级亚克力:背景是插件铺的一层,拖动窗口时背景不会随窗口做系统材质联动;真·窗口材质需 DSH 客户端支持,插件做不到。
  • 玻璃后若出现高对比内容,文字对比度可能下降,需调大 遮罩。

安全与权限:插件以当前 DSH 进程在 Web 层运行,会注入 UI 主题相关能力并可能请求你提供的壁纸 URL。安装前建议在 GitHub 查看源码与 MIT 许可证,确认符合你的环境策略。DSH 社区目录(SkillHub)是独立站点,与 DeepSeek / 幻方无官方从属关系;生态理念是「一切皆插件」,本文不将其描述为官方应用商店。

结尾

dsh-glass-skin 把 DSH Web UI 的会话区与侧栏做成可调的半透明玻璃层,并用右下角控制台集中管理浓度、模糊、遮罩与壁纸,关闭即可回到原版界面。若要查看分类与简介,可打开 SkillHub 目录页;安装命令与行为细节以 GitHub README 为准。

  • 目录页:https://www.skillhub.cn/plugins/Lenandy/dsh-glass-skin
  • 仓库:https://github.com/Lenandy/dsh-glass-skin
羽毛球分组比赛记分
小程序二维码

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

小夜