dsh-skin-liquid-glass:为 DeepSeek Harness 套上 iOS 液态玻璃皮肤

前言

DeepSeek Harness(DSH)把界面能力拆成可安装的插件与皮肤,换一套视觉不必改客户端本体。默认主题偏实用,侧栏、对话区和背景往往是分层着色,左右色差或「每块面板各磨一次毛玻璃」并不少见。若你希望整窗共用一层雾场背景、侧栏像悬浮玻璃卡片叠在上面,需要有人把 CSS 与 DSH 壳层类名对齐并做成可分发包。

下面介绍社区插件 dsh-skin-liquid-glass(GitHub:liushuchang-2012/dsh-skin-liquid-glass):模仿 iOS 液态玻璃观感,用静态雾场 + 整窗单次磨砂实现统一背景。维护者为 liushuchang-2012,在 SkillHub 目录中归类为 趣味换装。

这是什么

dsh-skin-liquid-glass 是给 DeepSeek Harness 用的液态玻璃皮肤插件:底层自绘静态雾场,整窗只磨一次磨砂,三栏透明叠在上面,左侧栏与对话区始终共用同一背景。当前 npm 包版本为 0.2.8,许可证 MIT。

它不替代 DSH 核心逻辑,主要通过样式表与客户端注入改变呈现;也可按皮肤目录方式安装并在皮肤中心启用。

核心功能

资料中列出的实现要点如下。

统一背景与单层磨砂

  • 一个背景:顶部纯白、中段转灰、底部淡蓝(#4d6bfe),整窗共用,避免左右色差。
  • 一层磨砂:在 [data-dsh-frame]::before 上应用一次 blur(40px) saturate(160%),玻璃质感来自该层,而非更白的底色。

侧栏、气泡与可读性

  • 悬浮侧栏:24px 圆角、22% 白纱、blur(40px)、细描边与投影;卡片近乎透明,透出背后光感。
  • 气泡与景深:每条回复独立气泡(18px 圆角、轻投影);用户消息带向上投影,均压在底部蓝色之上。
  • 克制的实心表面:代码块、输入框、菜单/弹窗/toast 等保留实心面,保证可读性。

浅深主题

跟随 body[data-ds-dark-theme] 自动切换浅/深两套样式,无需 JavaScript 监听主题变化。

背景遮挡与开关

  • 背景遮挡:皮肤中心滑杆,0 最透,100 时面板补到近实底。
  • 开关:localStorage["dsh-skin-liquid-glass.enabled"] = "0" | "1",或使用插件导出的 setEnabled(bool)。

安装与启用

插件以 DSH 客户端插件或皮肤目录两种路径接入;安装命令以仓库 README 为准。

作为客户端插件

dsh plugin add github:liushuchang-2012/dsh-skin-liquid-glass
npm install github:liushuchang-2012/dsh-skin-liquid-glass   # 也可以走 npm
npm uninstall dsh-skin-liquid-glass                          # 卸载

第一条通过 DSH 插件机制拉取 GitHub 仓库;第二条走 npm 安装同一包名来源。

皮肤中心

把仓库作为皮肤目录安装,或复制到 ~/.dsh/skins/ios-liquid-glass,然后在皮肤中心启用。

本地开发与校验

修改样式或 client.js 模板后,可用仓库自带脚本构建与测试:

node scripts/build.mjs            # 重新生成 client.js
node scripts/build.mjs --check    # CI:client.js 是否过期
node --test tests/*.test.mjs      # 17 项校验

package.json 中 npm test 指向 tests/bundle.test.mjs 与 tests/manifest.test.mjs;README 写明全量 tests/*.test.mjs 共 17 项,覆盖构建产物、样式表单行声明、manifest 等。

典型用法

  1. 用 dsh plugin add 或 npm 安装后,在 DSH 中启用该客户端插件(或走皮肤中心路径并启用皮肤)。
  2. 在皮肤中心调节 背景遮挡 滑杆,按个人喜好平衡通透与面板可读性。
  3. 需要临时关闭时,设置 localStorage["dsh-skin-liquid-glass.enabled"] 为 "0" 或 "1",或调用 setEnabled(false) / setEnabled(true)。
  4. 若自行改 skin.css、patches.css 或 src/ 模板,执行 node scripts/build.mjs 后 重启 DSH(CSS 在应用启动时加载,改完不重启不会生效)。

仓库主要文件:skin.css(令牌层)、patches.css(材质层)、src/(client.js 模板)、scripts/build.mjs、skin.json 与 cordis.patch.yml(见 package.json 的 dsh.bundle.patch)。

适用场景与注意

适合谁:长期在 DSH 桌面端工作、希望界面接近 iOS 液态玻璃、且能接受透明叠层与少量实心控件面的用户。

兼容性(README 原文):

  • 仅在 Windows 桌面端实测;macOS / Linux 未测试。
  • 皮肤依赖 [class*="_suffix"] 与 CSS 变量匹配,DSH shell 改类名时可能需要同步改皮肤。
  • 样式变更需重启 DSH 才生效。

安全与权限:客户端插件随当前 DSH 进程运行,具备与该进程相同的访问范围。安装前请阅读仓库源码与 MIT 许可证,仅从可信来源(如上述 GitHub 仓库或 SkillHub 目录页)获取。

社区插件目录 SkillHub(https://www.skillhub.cn/plugins/liushuchang-2012/dsh-skin-liquid-glass)为独立站点,与 DeepSeek / 幻方无官方从属关系;星标等元数据以各页面当时展示为准(目录线索为 GitHub 1 stars)。

结尾

dsh-skin-liquid-glass 用「整窗一层雾场 + 一次磨砂」把侧栏和对话区拉到同一视觉平面上,并保留代码块与输入区等实心面以保证阅读。若你已在用 DSH 并想换一套趣味换装向的液态玻璃主题,可按 README 安装并在皮肤中心微调遮挡。

  • 目录页:https://www.skillhub.cn/plugins/liushuchang-2012/dsh-skin-liquid-glass
  • 源码与文档:https://github.com/liushuchang-2012/dsh-skin-liquid-glass
羽毛球分组比赛记分
小程序二维码

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

Xiaoye