前言¶
DeepSeek Harness(DSH)的 Web 客户端界面在长时间使用后容易产生视觉疲劳。大多数主题方案要么在功能与美观之间妥协,要么需要修改宿主代码,增加了维护成本。dsh-glacier 作为一个插件形式的 UI 层,在不改变组件树和交互逻辑的前提下,为 DSH Web 客户端提供了一套「冰川蓝」的视觉方案。
下面介绍这个插件的核心能力与使用方式。
它是什么¶
dsh-glacier 是一个为 DeepSeek Harness(dsh)Web 客户端设计的玻璃质感 UI 层,维护者为 BAOXIAOPAI。它以标准 DSH 插件形态分发,通过样式注入的方式覆盖原有界面,提供蓝调渐变画布、磨砂玻璃面板以及扁平控件,不改变宿主的任何业务逻辑或组件结构。
核心功能¶
dsh-glacier 采用四层架构实现视觉覆盖,每一层专注于不同的视觉目标:
L0 画布:蓝调渐变背景,叠加三个缓慢漂移的色团、三条斜向光带以及颗粒效果,构建沉浸式光场画布。
L1 语义色:通过覆盖 --dsw-alias-* 变量,统一文字、强调色、边框和面板底色,确保组件颜色随主题自动跟随。
L2 玻璃:侧栏、输入容器、对话气泡、代码块等区域应用磨砂质感,使用低白度、高饱和度、定向边缘高光、内部颗粒和投影组合实现。
L3 对话区:针对用户气泡、Markdown 渲染、代码块、工具卡与思考块、对话轮次尾巴等具体元素进行样式定制,所有锚点均来自真实 DOM 属性([data-chat-flow-kind]、[data-code-block-*]、[data-slot="tool.call.toolview"])。
插件遵循「只动视觉」的原则,不新增全宽顶栏、不删空态 hero,选择器仅使用 [data-slot]、[data-*] 或组件名子串,避免写入包哈希前缀。
安装与启用¶
使用官方安装命令即可启用插件:
dsh plugin --profile web add dsh-glacier
安装完成后刷新页面,前端样式会半热生效。本地开发时可以改用路径安装:
dsh plugin --profile web add /path/to/dsh-glacier
卸载插件会自动恢复原样,插件的样式与画布层在 apply 阶段可回收。
典型用法¶
安装后,DSH Web 客户端的界面会自动应用冰川蓝玻璃风格。画布层会持续渲染背景动画,语义色会跟随 DSH 主题自动调整,磨砂玻璃效果会体现在侧栏、输入框和对话气泡上。开发者可以通过调整 CSS 变量或修改源码中的 client/*.css 文件进行二次定制。
适用场景与注意¶
本插件适合希望在现有 DSH Web 客户端上快速获得高质感视觉体验的开发者与用户。插件以当前 dsh 进程权限运行,安装前应检查源码与许可证(MIT)。
小结¶
dsh-glacier 提供了一套轻量级的视觉层方案,在不侵入宿主逻辑的前提下,为 DeepSeek Harness Web 客户端带来了冰川蓝的玻璃质感体验。如需了解更多细节或查看可交互原型,可访问插件目录页或 GitHub 仓库。
参考资料¶
- 插件目录页:https://www.skillhub.cn/plugins/BAOXIAOPAI/dsh-glacier
- GitHub 仓库:https://github.com/BAOXIAOPAI/dsh-glacier