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