DeepSeek Harness 液态玻璃插件(DSH 液态玻璃)

前言

在 DSH(DeepSeek Harness)的 Web 界面下,纯色背景容易让助手消息与壁纸混在一起,特别是开启壁纸模式时,字与背景糊在一起。已有方案多涉及改写官方代码或依赖构建期哈希类名,维护成本高。

下面介绍的是 xuelin632/dsh-aris-glass:一个给 DSH Web 界面加「液态玻璃」效果的插件。它只注入样式表,不改动官方代码,不注册宿主服务。

是什么

  • 插件名称:dsh-aris-glass
  • 维护者:xuelin632
  • 分类:客户端
  • 核心价值:给助手消息、左侧栏、标题栏菜单加毛玻璃底色,观感与用户气泡一致。

核心功能

助手消息正文

整块加毛玻璃底板 + 圆角 + 阴影;气泡内部的段落、标题、引用、列表取消各自的玻璃,避免叠糊;pre 代码块保留自己的底色。

左侧栏

会话列表 + 插件/任务看板等面板行 + 品牌行 + 底部,整列改毛玻璃(原先是平的不透明填充)。

标题栏菜单

桌面端「应用 / 编辑」两个菜单按钮各成一块玻璃药丸(不是一整条石板)。

自身消息气泡

不受影响,它位于 [class*="userStack"] 下,被显式排除。

可调变量

写在任意能覆盖到页面的地方即可(例如皮肤/主题的自定义 CSS,或浏览器 DevTools):

:root {
  --aris-glass-alpha: .55;   /* 浅色主题底板不透明度,深色主题默认 .62 */
  --aris-glass-blur: 14px;   /* 毛玻璃模糊半径 */
}

调浓一点就把 alpha 往上加(.72 左右已经很实),想要更透就往下减。

安装与启用

方式一:本地目录安装(推荐,profile 是 desktop 时唯一方式)

  1. 把本目录放到任意位置,例如 ~/.dsh/profiles/desktop/vendor/dsh-aris-glass。
  2. 在该 profile 的 package.json 里加一条依赖,并登记 bundle:
{
  "dependencies": {
    "dsh-aris-glass": "link:C:/Users/<你>/.dsh/profiles/desktop/vendor/dsh-aris-glass"
  },
  "dsh": {
    "profile": {
      "bundles": [
        // …既有条目…
        "dsh-aris-glass"
      ]
    }
  }
}
  1. 在 profile 目录跑一次 pnpm install(建出 node_modules/dsh-aris-glass 链接;Windows 上 junction 也行)。
  2. 完全退出 DSH 再重开(bundle 只在启动时组合,关窗口不算)。

方式二:从 GitHub 装(其它 profile / CLI 宿主)

dsh plugin --profile <profile> add github:xuelin632/dsh-aris-glass

desktop profile 不支持这条命令,原因见上。

典型用法

  • 开启后,助手消息会自动获得毛玻璃底板,与用户气泡风格一致。
  • 左侧栏整体改为毛玻璃,会话列表、面板行、品牌行、底部都参与。
  • 桌面端菜单按钮呈现为独立玻璃药丸。
  • 若检测到 body[data-we-left-sidebar](壁纸插件的「左侧液态玻璃」开关打开),本插件的左侧栏底板会主动让位,避免两层色调叠加。

适用场景与注意

  • 适合在 DSH 0.2.0-rc 一代的 Web 界面下使用(data-slot / data-windows-menu 这套结构)。
  • 不依赖任何 CSS 模块哈希类名,官方升级改了哈希也不会失效;但若官方改掉 data-slot="sidebar" / data-slot="main.conversation" 这类语义锚点,需要同步调整。
  • 只用标准 CSS(backdrop-filter、:has()、color-mix 的替代表达),无 JS 依赖。
  • 面向不支持 backdrop-filter 的浏览器、以及 prefers-reduced-transparency: reduce 的环境,会退回主题不透明底色。
  • 插件以当前 DSH 进程权限运行,安装前应检查源码与许可证(MIT)。

结尾

这个插件通过纯样式注入的方式,为 DSH 的 Web 界面补齐了液态玻璃效果,在保持风格统一的同时,降低了对官方代码的侵入性。如果你在使用壁纸模式时觉得界面太素,或者助手消息没有底板导致字与壁纸糊在一起,可以考虑使用它。

  • 插件目录页:https://www.skillhub.cn/plugins/xuelin632/dsh-aris-glass
  • GitHub:https://github.com/xuelin632/dsh-aris-glass
羽毛球分组比赛记分
小程序二维码

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

Xiaoye