dsh-theme-colors:DSH Web 界面配色調節插件

DSH Web 界面默認配色可能無法滿足個性化需求。dsh-theme-colors 插件提供了在界面內直接調節配色的能力,無需修改代碼或重啓瀏覽器,支持按區域獨立設置顏色,並基於 OKLCH 色彩空間提供深度與鮮亮度調節。

插件簡介

該插件由 Alicex7777 維護,屬於趣味換裝類插件,採用 MIT 許可證。核心價值在於通過 UI 面板實時調節 DSH Web 的會話欄、左側會話列表欄、右側欄的配色,同時提供 26 套日間/夜間預設方案及文字色三態控制。

核心功能

  1. 區域獨立配色
    支持會話欄、左側會話列表欄、右側欄獨立調節,三者互不牽連。

  2. 調節工具
    每個區域支持取色器、十六進制輸入、不透明度(0–100%)調節。

  3. OKLCH 深度與鮮亮度
    基於感知均勻的 OKLCH 色彩空間,提供深度(L)與鮮亮度(C)滑桿,可在不改色相的前提下調整顏色深淺與鮮豔程度。

  4. 預設方案
    內置 26 套日間(13 套)和夜間(13 套)配色方案,自動跟隨 DSH 主題切換。

  5. 文字色三態
    文字顏色支持跟隨官方、推薦色、自定義三種狀態。

  6. 即時生效與保存
    修改後即時保存並生效,支持「跟隨主題」清除覆蓋、「統一」應用到全部區域。

安裝與啓用

插件安裝在 profile 裏(Web profile 名爲 web)。安裝命令使用 link: 指向倉庫根目錄。

dsh plugin --profile web add link:D:\repos\dsh-theme-colors

注意:安裝時 link: 後面必須是倉庫根目錄(包含 package.json 的目錄),不要指向子目錄。

宿主側代碼只在 dsh web 啓動時加載,安裝後需要重啓 dsh web。

使用方法

  1. 入口
    點擊懸浮入口「🎨 配色」,或進入「設置 → 通用 → 配色」。

  2. 切換主題
    頂部切換「淺色主題 / 深色主題」,兩套配色分別對應 DSH 主題的淺色與深色。

  3. 調節顏色
    選擇區域,使用取色器或輸入十六進制值,拖動不透明度滑桿。改動即時保存並生效。

  4. 統一與重置
    點擊「統一」將當前區域顏色與不透明度一次套用到全部區域;點擊「跟隨主題」恢復該行默認值;點擊「全部重置」恢復所有設置。

  5. 入口位置
    懸浮入口可拖動,位置會自動記住。

  6. 文字色調節
    每行右側可切換文字色狀態(跟隨官方/推薦色/自定義)。

注意事項

  1. Profile 安裝
    插件安裝在 profile 裏(Web profile 名爲 web)。

  2. 重啓要求
    宿主側代碼只在 dsh web 啓動時加載,安裝或卸載後必須重啓 dsh web。

  3. 數據存儲
    配色數據保存在 $DSH_HOME/.dsh-theme-colors. 目錄下。

  4. 對比度標準
    所有內置方案的對比度均 ≥ 12:1(最低 11.86:1)。

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

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

小夜