DSH Pretty Extension:DeepSeek Harness Web UI 主題編輯器

DeepSeek Harness(DSH)的 Web UI 提供了基礎的智能體開發環境。在默認配置下,界面風格較爲統一。如果你希望調整界面的配色、字體或佈局深度,可以使用 DSH Pretty Extension 插件。它通過一個原生的設置頁面提供主題編輯能力,而非依賴外部 CSS 覆蓋。

插件定位

這是一個由 Rheasilvia 維護的 DSH 插件,專門用於 DeepSeek Harness Web UI 的主題美化。它利用 DSH 的插件、設置、插槽和主題 API,在 Web UI 的設置中添加了一個獨立的編輯入口,支持從預設或自定義兩個維度修改界面外觀。

核心功能

插件提供了以下可用的配置項:

  • 28 種主題預設:包含 Ayu、Catppuccin、Dracula、GitHub、Nord、Tokyo Night 等常見風格。
  • 獨立調色板:可分別配置淺色和深色模式下的強調色、背景色、前景色和側邊欄顏色。
  • 實時預覽:在修改設置時,側邊欄、對話區域和會話選中狀態會實時更新,無需保存即可預覽效果。
  • 排版與深度控制:支持單獨選擇 UI 字體和代碼字體,並可調節界面層級(表面、邊框、次要文本、懸停狀態),支持 82% 透明度的側邊欄渲染。
  • 無障礙修正:自動對低對比度的前景色進行最小化調整,以保持至少 4.5:1 的文本對比度。
  • 原生集成:使用 DSH 的菜單系統和語義化主題令牌,支持設置持久化和版本保護。

安裝與啓用

安裝前請確保你的環境滿足以下條件:

  • 已安裝 DeepSeek Harness 並配置了 web 配置文件。
  • pnpm 可在系統 PATH 中找到(dsh plugin 依賴 pnpm 管理依賴)。

執行以下命令安裝插件:

dsh plugin --profile web add github:Rheasilvia/dsh-pretty-extension

安裝完成後,插件默認處於禁用狀態。你需要重啓 DSH Web 進程使其生效:

dsh web

使用步驟

  1. 啓動 DSH Web,訪問其迴環地址(通常爲 http://127.0.0.1:3080)。
  2. 打開 Settings(設置) 菜單,選擇 Pretty。
  3. 打開 Enable Pretty theme 開關。
  4. 切換 Light 或 Dark 模式,選擇一個預設主題,或手動調整顏色、字體和界面效果。
  5. 在預覽區域確認效果無誤後,點擊 Save and apply。

注意事項與配置

  • 默認禁用:插件安裝後不會立即改變界面,必須手動在設置中啓用。
  • 持久化存儲:配置信息保存在 $DSH_HOME/settings.yaml 文件中的 ui-pretty.theme 命名空間下。點擊“Restore defaults”可移除此配置覆蓋,恢復 DSH 原生主題。
  • 本地字體限制:若要加載系統字體,瀏覽器必須支持該功能,且必須在迴環地址或安全上下文(HTTPS)中運行,並顯式授權。
  • 只讀限制:如果瀏覽器不是通過迴環地址(如 127.0.0.1)訪問 DSH,Pretty 設置在當前會話中將是隻讀的。這屬於安全設計,遠程會話僅使用內存設置。

總結

DSH Pretty Extension 通過插件化的方式擴展了 DSH Web UI 的定製能力。它適合需要在長時間使用 DSH 時調整視覺體驗的開發者,提供了從預設快速應用到精細像素級調整的完整工作流。

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

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

小夜