DeepSeek Harness(DSH)采用插件化架构,允许在不触碰产品源码的情况下定制 Web UI。dsh-gemini-m3e-theme 是一个持久化 client bundle 插件,它将 DSH 界面重绘为 Google Gemini 的 “luminous” 观感。
该主题由 makajo 维护,提供配色、字体、形状、光晕、动效和交互的完整覆盖,所有这些都通过官方扩展点实现,确保安装干净、重启不丢、卸载无痕。
核心功能¶
- 配色:包含 71 个双色令牌(亮/暗),严格对齐 Gemini 的
luminoussurface/container/on-surface/primary 色值。 - 字体:优先使用 Google Sans Text,随后是 Google Sans、Roboto,最后是系统回退栈。代码块使用 Google Sans Mono。M3E markdown 层级(标题 400 细体、正文行高 1.5)。
- 形状:composer 40px、用户气泡 40px、菜单 28px + 20px 同心选项、按钮 999px 药丸、对话框 32px、工具块 16px。
- 光晕与动效:英雄区 luminous radial 光晕;菜单弹入 / 对话框进入 / 错峰浮起,统一 M3E emphasized 曲线。
- 交互:精确点击波纹(按钮药丸 & 菜单内);
interpolate-size宽高自适应过渡;滚动条边缘渐隐 + 淡入。 - 阴影:菜单/弹窗/Composer 浮层共用同一套软阴影规格,弹窗去除描边线圈。
安装与启用¶
通过 DSH 内置的 dsh plugin 命令安装该插件。
- 安装:
dsh plugin add github:makajo/dsh-gemini-m3e-theme
- 重启 DSH Web 服务:
dsh web
- 在浏览器中硬刷新页面(Ctrl+F5)以加载新主题。
操作¶
- 升级:
dsh plugin update dsh-gemini-m3e-theme
- 卸载:
dsh plugin remove dsh-gemini-m3e-theme
注意事项¶
- CSS 哈希变化:主题依赖 CSS-module 类哈希(如
_7KE1Ra_menu)。上游 Harness 重构会改变这些哈希(格式或内容)。如果主题失效,需重新搜索构建产物 CSS 中的语义名,并更新src顶部的T字典。 - Windows 滚动条兼容性:Windows 滚动条占用布局宽度。主题为可滚动菜单预留了
scrollbar-gutter,确保 thumb 淡入时面板宽度不跳变。 - 构建要求:开发环境只需 Node.js 即可。
lib/目录为构建产物。如需修改源码,需运行npm run build。
总结¶
该插件通过持久化 bundle 的形式,为 DeepSeek Harness Web 提供了一套完整的 Material 3 Expressive 主题方案,旨在还原 Google Gemini 的视觉风格与交互细节。