前言¶

DeepSeek Harness（DSH）桌面客户端自带主题切换，但侧边栏在 Windows 上往往只是一条纯色列，和 macOS 上那套深蓝渐变观感不一致。若你希望左侧栏固定成接近 deepseek.com 的深蓝材质，浅色模式下右侧内容区还能选「官网首页那种缓慢流动的蓝」，而不是自己改 CSS token 或靠 backdrop-filter 凑近似，社区维护者 Tim5613 的 dsh-homepage-glass 把配色按官网预览图逐像素量出，并在客户端 bundle 里注入样式与可选 WebGL 背景。

下面介绍插件定位、能力边界、安装方式与典型设置。

这是什么¶

dsh-homepage-glass 是 DSH 的 dsh.client 插件（当前资料中版本为 1.3.1，MIT 许可证），分类属「趣味换装」。它在渲染层覆盖侧边栏渐变、品牌蓝 token，以及（可选）浅色内容区的底色方案；宿主提供依赖，插件本身零 npm 运行时依赖。

维护者与源码：

• 目录页：https://www.skillhub.cn/plugins/Tim5613/dsh-homepage-glass
• GitHub：https://github.com/Tim5613/dsh-homepage-glass

核心功能¶

左侧栏：固定深蓝渐变¶

侧边栏为深底时，插件会把侧边栏子树内的文字、边框、交互色固定为浅色，避免浅色全局模式下出现「深底深字」不可读的情况。

渐变与面板透明度来自对官网预览图的逐像素采样（非肉眼估算）；README 中给出了各高度处的实测 hex，以及面板约 8.5% 白色叠加等细节。

可选：浅色内容配色（v1.1.0 起）¶

路径：设置 → 通用 → 「浅色内容配色」，仅浅色模式生效，三档如下：

「官网流动」使用从官网提取的 WebGL type:"pattern" 着色器及同款参数归一化，而非 CSS 近似；画布挂在框架内、侧边栏不透明渐变盖住左侧，与内容区接缝对齐。实现上包含 30fps 节流、窗口隐藏时停绘、系统关闭动效时只画一帧、无 WebGL2 时退回纯色等保护。偏好由宿主持久化，重启后保留。

三档底色与侧边栏顶端 #3a4f6c 同色相推导，只改 --dsw-alias-bg-base，框架与卡片圆角缺口关系保持一致。

已知边界¶

插件在 CSS / 客户端 bundle 层工作，不能复现 macOS 窗口级 vibrancy（看不见桌面透过窗口）。README 说明：要把「看见桌面」做到位，需改 DSH 桌面宿主里的 BrowserWindow 透明与材质配置；本插件目标是颜色与透明度关系尽量 1:1 对齐参考图。

安装与启用¶

这是一个 profile 级 bundle，推荐从 GitHub 安装。在你的 dsh profile 目录下执行（示例路径为 ~/.dsh/profiles/desktop）：

pnpm add github:Tim5613/dsh-homepage-glass

随后在 profile 的 package.json 里把包名加入 dsh.profile.bundles：

{
  "dsh": {
    "profile": {
      "bundles": [
        "...",
        "dsh-homepage-glass"
      ]
    }
  }
}

也可使用 DSH 插件管理器的 install_bundle，目标为对应的 file: 路径（Windows 需写成 file:C:/Users/<用户名>/.dsh/plugins/... 等形式），由工具一并维护 package.json、pnpm-lock.yaml 与 bundles 列表。

资料说明：无需刷新、无需重启；客户端 bundle 热加载，磁盘上的 client.js 更新后，运行中界面通常在数秒内生效。

安装前请自行阅读仓库源码与 MIT 许可证；插件随当前 DSH 客户端进程运行，与使用任意第三方 bundle 一样，应对来源与权限有基本判断。

典型用法¶

1. 按上一节完成 pnpm add 与 bundles 配置，确认客户端已加载该 bundle。
2. 打开 DSH，观察左侧栏是否为固定深蓝渐变、右侧是否仍随明暗主题变化。
3. 若需要浅色内容区特殊底色：进入 设置 → 通用 → 浅色内容配色，在「默认 / 官网流动 / 雾蓝」中选一档；仅在浅色模式下可见「官网流动」动画。
4. 若要微调外观而不 fork 整个主题体系，可编辑仓库内 lib/client.js：侧边栏六段 hex 在 SIDEBAR_BG，面板浓度与文字 token 在第 ③ 段，品牌蓝在第 ⑤ 段（README「自定义」表）。

核心注入逻辑在 lib/client.js：向 document.head 注入样式表，并用 ctx.theme.overrideTokens() 注册品牌蓝；卸载时随 ctx.effect 清理。ui-layout 的 CSS Module 哈希类名变更时，README 注明已用 [class*="sidebarCol"] 等同族选择器兜底。

适用场景与注意¶

适合谁： 长期使用 DSH 桌面版、希望界面靠近 DeepSeek 官网深蓝侧边栏与品牌蓝，并希望在浅色模式下可选官网同款流动蓝底的开发者或个人用户。

注意：

• 侧边栏渐变在 DSH 里原本与 [data-platform=darwin] 强相关；本插件通过 token 与子树样式解决 Windows 上「只改 token 不出渐变」等问题，但仍受客户端布局与 DSH 版本影响。
• 系统关闭透明效果（如 Windows 11 的 Transparency effects）时，backdrop-filter 类效果可能被禁用；本插件以实体渐变为主，模糊仅作加分。
• 配色取自 DeepSeek 官网公开页面视觉样式，用于个人客户端主题；项目声明与 DeepSeek 官方无隶属关系。

结尾¶

dsh-homepage-glass 把「量出来的官网色」和「可选的原版着色器流动蓝」收进一个零运行时依赖的 client bundle，安装路径清晰，改 bundles 即可启用。需要细节、截图与实现踩坑说明时，以 GitHub README 为准：

• https://www.skillhub.cn/plugins/Tim5613/dsh-homepage-glass
• https://github.com/Tim5613/dsh-homepage-glass