前言¶
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 等。
典型用法¶
- 用
dsh plugin add或 npm 安装后,在 DSH 中启用该客户端插件(或走皮肤中心路径并启用皮肤)。 - 在皮肤中心调节 背景遮挡 滑杆,按个人喜好平衡通透与面板可读性。
- 需要临时关闭时,设置
localStorage["dsh-skin-liquid-glass.enabled"]为"0"或"1",或调用setEnabled(false)/setEnabled(true)。 - 若自行改
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