DeepSeek Harness 主题:DeepSeek 官网风格复刻

前言

DeepSeek Harness(DSH)采用插件化架构,允许用户根据需求自定义界面。这款 lichtspur/deepseek-style-theme 插件旨在复刻 DeepSeek 官网的视觉风格,通过流体背景、液态玻璃拟态以及 DSTT(DeepSeekStyleTheme)时段模式,解决默认界面缺乏品牌统一感和时效性的问题。

核心功能

1. 流体背景与 DSTT 模式

插件使用 WebGL2 渲染全屏流体模拟,背景颜色会根据 DSTT 设置的三色令牌(峰谷红、谷时蓝、常态绿)实时变化。若设备不支持 WebGL2,会自动回落到粒子背景。

  • 高峰判定:基于北京时间(UTC+8)。
  • 高峰时段:9:00–12:00、14:00–18:00(周六、周日全天非高峰)。
  • 配色:高峰为鲜红 #F5222D,谷时段根据模式显示蓝或绿。

2. 液态玻璃拟态

提供两套玻璃拟态配方:
- 液态:更通透,折射更强,边框带有自走的高光,主要应用于侧边栏、对话框、标题栏和用户气泡。
- 白磨砂:旧版风格,样式逐像素不变。

所有玻璃效果均通过 SVG feDisplacementMap 实现折射,仅 Chromium 浏览器支持。鼠标在对话窗移动时,会有跟随的柔光效果。

3. 运行中子代理面板

当有子代理启动时,右下角会浮出一个玻璃面板,实时列出正在运行的子代理。面板显示名称、已运行时长、Token 用量与流动进度条,点击条目可直接跳转至该会话。

4. 跨平台交付文件菜单

插件接管了交付文件菜单的样式,提供玻璃拟态操作菜单,支持“打开所在文件夹”、“复制路径”、“打开预览”等功能。

5. 语义锚点版

面向 DeepSeek Harness 0.2.x 官方桌面版,2.1.0+ 版本采用语义锚点而非写死的 CSS 类名哈希。这避免了产品更新导致样式失效的问题。插件通过 MutationObserver 监听 DOM 变化,确保样式正确应用。

兼容性

  • 插件共存:支持与 dsh-plugin-wallpaper-engine 和 dsh-better-sidebar 共存。
  • 壁纸引擎适配:当壁纸引擎正在渲染时,插件会检测 body[data-we-wallpaper] 并让位,不进行 !important 覆盖,背景由壁纸引擎接管。

安装与启用

安装来源:
- GitHub: lichtspur/deepseek-style-theme
- 插件商城: Lichtspur/deepseek-style-theme

启用方式:
1. 在 DSH 设置页开启 DSTT 选项卡。
2. 选择主题模式(如峰谷红蓝)。
3. 点击侧边栏的 DeepSeek 标识可跳转至官网。
4. 在对话窗移动鼠标可查看跟随光斑。

注意事项

  • 许可证:MIT 许可,分发时需保留 THIRD-PARTY-NOTICES.md。
  • 模型目录:插件不再介入模型目录同步,该功能已交还官方。
  • 背景方式:支持 classic/white/custom/bold 四种模式,切换即时生效。
  • 依赖:上游依赖 dsh-theme-mineradio 和 deepseek-harness-background。

结语

该插件通过 WebGL2 流体和精细的玻璃拟态,显著提升了 DSH 的视觉表现力,同时通过语义锚点和 DSTT 机制增强了实用性和时效性。

羽毛球分组比赛记分
小程序二维码

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

小夜