dsh-theme-customizer:DeepSeek Harness Web 界面自定義主題插件

前言

DeepSeek Harness (DSH) 提供了基於插件的擴展架構。默認的 Web 界面風格固定,若需修改背景、配色或佈局細節,通常需要修改源碼。dsh-theme-customizer 將這些定製需求封裝爲插件,提供可視化的配置面板,支持實時預覽、持久化保存以及配置文件的導出與導入。

插件簡介

該插件由 lxxz1918 維護,開源協議爲 MIT。核心價值在於對 DSH Web 界面的主題進行全可視化調整,覆蓋背景、文字、框線及細節樣式。配置通過 localStorage 本地持久化,支持導出爲 .tczp 文件並在其他設備上導入還原整套效果。

核心功能

  1. 多區域背景定製
    支持對 7 個區域的背景進行設置,包括主界面、側邊欄、對話區、輸入區、設置界面、浮窗面板以及 Cordis 插件界面。

    • 每個區域支持純色、圖片(支持選區裁剪)、透明度及底色。
    • 主界面支持“包含側邊欄”與“不包含側邊欄”兩種顯示模式的獨立配置。
    • 側邊欄圖片支持淡出效果,不影響頂部 UI。
  2. 全局細節調整

    • 框線與字體:支持獨立設置各區域的邊框/分隔線顏色與透明度,以及正文、過程、輔助、弱化、強調五類文字顏色。
    • 標誌與歡迎頁:可調整左上角 Logo 顏色、側邊欄收起後的圖標樣式,以及新會話歡迎頁的圖標、標題與徽章顏色。
    • 對話區與輸入區:定製氣泡樣式、代碼塊(背景與滾動條)、輸入框高度、統計條顯示項及按鈕樣式。
  3. 管理與工具

    • 預設系統:支持預設的導入、導出(.tczp 格式,含圖片)、重命名、刪除及拖拽排序。
    • 浮動面板:提供可拖動的迷你設置面板,方便快速調整。
    • 佈局調整:設置界面面板支持拖動位置及一鍵復位。
    • 全局恢復:支持一鍵重置所有設置。

安裝與啓用

使用官方安裝命令添加插件,安裝後需重啓 DSH Web 使改動生效。

dsh plugin --profile web add dsh-theme-customizer

使用方法

  1. 常規調整:進入 DSH 設置,點擊“主題”,在面板中逐項調整背景、顏色和樣式,改動即時生效。
  2. 快速調整:點擊界面右上角的“↗ 打開浮窗”按鈕,使用迷你面板快速切換設置。
  3. 效果驗證:在對話區發送指令,直接測試對話區細節選項(如氣泡、代碼塊)的實際效果。

注意事項

  1. Cordis 按鈕常駐:若需在主題設置中啓用“Cordis 按鈕常駐”功能,需依賴 dsh-client-ui-cordis 補丁。插件包內提供了 apply-patch.cjs 腳本,需運行該腳本進行打補丁。
    node apply-patch.cjs
  1. 版本兼容:DSH 官方包升級後會覆蓋插件目錄,升級後需重新執行打補丁命令。
  2. 卸載:卸載時執行移除命令。
    dsh plugin --profile web remove dsh-theme-customizer

結語

該插件通過可視化手段解決了 DSH Web 界面定製的問題,適合需要統一視覺風格或在不同設備間同步主題配置的開發者。相關源碼與文檔可參考 GitHub 倉庫。

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

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

小夜