前言¶
DeepSeek Harness（DSH）採用插件化架構，允許開發者通過插件定製界面。Ocean Wave Theme 是一款針對 dsh web 的主題插件，它通過 Canvas 渲染動態背景，將原本靜態的頁面背景替換爲動態的海浪與鯨魚場景，並利用設計令牌覆蓋實現了半透明面板效果。
核心功能¶
該插件主要實現以下能力：
- 多層動態海浪：使用 4 個 Canvas 層繪製波浪，包含泡沫邊緣、太陽/月亮光暈以及閃爍的波光。
- 鯨魚遊動動畫：一條鯨魚每 28 秒從左向右遊過，騎在中間的波峯上，伴隨尾跡、擺動的鰭和上升的氣泡。
- 半透明界面：通過設計令牌覆蓋，使側邊欄和麪板呈現半透明效果，背景的海浪可以在界面層級間透出。
- 環境適配：主題跟隨應用配色方案（
data-ds-dark-theme），在標籤頁隱藏時自動暫停動畫，並在開啓prefers-reduced-motion時渲染靜態幀。
安裝與啓用¶
通過 CLI 安裝該插件：
dsh plugin --profile web add github:johnsonspirit/ocean-wave-theme
主題生效後可像其他主題一樣進行切換或卸載。
實現結構¶
插件主要由以下文件組成：
index.js：宿主端邏輯（無操作，所有渲染在客戶端）。client.js：客戶端邏輯，負責 Canvas 背景渲染與設計令牌覆蓋。cordis.patch.yml：補丁文件，用於在插件列表中插入該插件行。locale/en.json、locale/zh.json：雙語標題與描述。assets/screenshot-*.png：展示用的截圖。
注意事項¶
- 運行平臺：僅支持
dsh web端（dsh.client.platform: web）。 - 零依賴：插件無外部依賴、無網絡請求且無需構建步驟。
