dsh-gemini-m3e-theme:DeepSeek Harness 的 Gemini 风格 Material 3 主题

DeepSeek Harness(DSH)采用插件化架构,允许在不触碰产品源码的情况下定制 Web UI。dsh-gemini-m3e-theme 是一个持久化 client bundle 插件,它将 DSH 界面重绘为 Google Gemini 的 “luminous” 观感。

该主题由 makajo 维护,提供配色、字体、形状、光晕、动效和交互的完整覆盖,所有这些都通过官方扩展点实现,确保安装干净、重启不丢、卸载无痕。

核心功能

  • 配色:包含 71 个双色令牌(亮/暗),严格对齐 Gemini 的 luminous surface/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 命令安装该插件。

  1. 安装:
    dsh plugin add github:makajo/dsh-gemini-m3e-theme
  1. 重启 DSH Web 服务:
    dsh web
  1. 在浏览器中硬刷新页面(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 的视觉风格与交互细节。

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

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

小夜