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 的視覺風格與交互細節。

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

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

小夜