dsh-ocean-theme:DSH 海洋雙主題(琥珀 Markdown + 淺海/深海界面)

前言

DeepSeek Harness(DSH)桌面端的外觀可以靠插件換膚,但不少主題要麼只改 Markdown 配色,要麼只動界面 token,和模型回覆裏的語義色、側欄與會話區很難形成同一套視覺語言。若你希望模型輸出仍是可讀的琥珀系語義色,同時界面在淺色與深色外觀偏好下分別呈現「淺海」「深海」兩檔藍調分層,且不想在插件裏堆配置項或依賴網絡,jackxiao17/dsh-ocean-theme 走的是純 CSS 覆蓋路線:無設置、無依賴、無存儲,兩檔界面跟隨 DSH 外觀偏好自動切換。

這是什麼

dsh-ocean-theme 由維護者 jackxiao17 發佈,分類爲社區目錄中的趣味換裝。當前 package 版本爲 0.1.3,許可證 MIT。插件把能力拆成四塊:Markdown 語義配色(深淺雙檔)、正文等寬終端排版與全站琥珀強調色、淺海/深海界面主題、用戶氣泡高對比配色。實現上是兩個內嵌 CSS 的 JS 文件加一張 SVG 圖標,不調用宿主 API、不注入 DOM。

Markdown 配色沿用琥珀 / 薄荷 / 青藍三色結構(一個色相一個語義);界面漸變與分層手法部分吸收官方首頁復刻項目 JohnnyTing/dsh-official-homepage-theme(MIT)的配方。

核心功能

Markdown 語義配色

覆蓋標題、加粗、斜體、刪除線、行內代碼、列表標記、鏈接、文件提及、引用塊、分割線、選區、任務列表勾選框、代碼塊語言標籤;表格卡片化;標題層級與間距節奏。色相體系大致爲:琥珀 35°(標題/加粗,相對畫布 214° 的補色關係)+ 青藍 187°(鏈接)+ 薄荷 133°(行內代碼)。鏈接懸停不變色不加框,僅點狀下劃線(跟隨文字色)。

不改:代碼塊內部語法高亮、正文字號/行高、產品字體設置、佈局結構。

界面:淺海與深海

兩檔跟隨 DSH 外觀偏好自動切換,畫布與面板按 L0–L4 分層(畫布、側欄、會話區、輸入卡、彈窗)。淺海側爲亮藍漸變畫布與白玻璃面板;深海側畫布採用官方首頁深藍漸變配方,面板爲海軍藍半透明與玻璃卡。約 40 個 --dsw-* token 覆蓋氣泡、滾動條、tooltip/toast、按鈕、邊框、三級文字色等;可點擊卡片族與工具 ioCard 走海軍藍階梯。

設計上的通用法則包括:界面冷(藍系)、內容強調暖(琥珀系);髮絲線邊框用 rgba;陰影用藍黑;深色背景不從純黑起步(深色從 #071323 起步)。

用戶氣泡與其它界面細節

自己的消息在淺色檔爲淡 azure 藍(#cfe0fb),深色檔爲月光藍(#2a5089),便於區分「我說的話」。編輯/寫入行的 ± 行數在工具行常顯紅綠(0.1.2 起用 --sea-diff-add / --sea-diff-del 鎖定對比度,避免產品默認僅在 hover 時上色導致語義丟失)。

安裝與啓用

插件以本地 file: 依賴方式接入 DSH 桌面 profile,安裝命令與路徑以倉庫 README 爲準(社區目錄不提供 dsh plugin add github:... 一鍵命令)。

  1. 到 Releases 頁面 下載最新版壓縮包並解壓,得到 dsh-ocean-theme/ 文件夾。

  2. 將整個文件夾拷到本地插件目錄:
    - Linux / macOS:~/.dsh/profiles/desktop/local/dsh-ocean-theme/
    - Windows:C:\Users\你\.dsh\profiles\desktop\local\dsh-ocean-theme\

  3. 編輯 ~/.dsh/profiles/desktop/package.json(Windows 對應 %DSH_HOME%\profiles\desktop\package.json):
    - 在 dependencies 增加:"dsh-ocean-theme": "file:./local/dsh-ocean-theme"
    - 在 dsh.profile.bundles 數組增加一項:"dsh-ocean-theme"

  4. 在 desktop profile 目錄執行 DSH 自帶的 pnpm 安裝依賴:

node "%DSH_HOME%\dsh-runtimes\dsh-primary-runtime\dependencies\pnpm\bin\pnpm.cjs" install -C %DSH_HOME%\profiles\desktop

(Linux / macOS 上將 %DSH_HOME% 換爲你的 DSH 安裝根目錄,-C 指向 profiles/desktop。)

  1. 重啓 DSH;在 設置 → 插件 中可隨時啓用或禁用本主題。

開發時可把 dependencies 中的路徑改爲 "dsh-ocean-theme": "link:<源碼目錄絕對路徑>",改完樣式在頁面 Ctrl+R 刷新即可,不必每次拷貝文件夾。

典型用法

本插件無配置界面:安裝並在插件列表啓用後,切換 DSH 的淺色/深色外觀偏好即可在淺海與深海兩檔界面間切換;Markdown 與強調色隨深淺檔一併切換。

若僅需驗證是否生效,可打開任意對話,觀察畫布漸變、側欄玻璃感、用戶氣泡顏色,以及回覆 Markdown 中標題(琥珀系)、鏈接(青藍)、行內代碼(薄荷)是否按 README 描述呈現。

適用場景與注意

適合:長期用 DSH 桌面版、希望界面有統一海洋藍調分層、又希望模型回覆 Markdown 保持琥珀單主色語義色的用戶;不接受插件讀寫存儲或額外網絡請求的場景也匹配(純 CSS)。

兼容性:README 寫明已在 DeepSeek Harness 0.2.1-rc.5(桌面版) 上覆核通過(含 tooltip/toast 對比度、編輯寫入行 ± 行數配色)。更早版本未逐一驗證。失效方式主要是顏色回退——若產品改了 token 名或 Markdown 容器類名後綴,對應區域回到默認配色,功能與數據不受影響。

安全與權限:插件隨當前 DSH 進程加載,樣式規則掛 [class*="_markdown_"] 與 html body / body[data-ds-dark-theme] 等選擇器,用 !important 覆蓋強調色與 token。安裝前請自行查看 GitHub 倉庫 源碼與 MIT 許可證,確認符合你的審計要求。

社區插件目錄 SkillHub 條目 與 GitHub 爲獨立信息源,與 DeepSeek / 幻方無官方從屬關係。

結尾

dsh-ocean-theme 把 Markdown 琥珀語義色與淺海/深海兩檔界面收進一個無設置的純 CSS 主題包,適合在 DSH「一切皆插件」的生態裏做輕量換裝。需要細節分層表、實現要點與版本 changelog 時,以倉庫 README 爲準。

  • 目錄頁:https://www.skillhub.cn/plugins/jackxiao17/dsh-ocean-theme
  • GitHub:https://github.com/jackxiao17/dsh-ocean-theme
羽毛球分组比赛记分
小程序二维码

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

小夜