DSH Web 界面默認配色可能無法滿足個性化需求。dsh-theme-colors 插件提供了在界面內直接調節配色的能力,無需修改代碼或重啓瀏覽器,支持按區域獨立設置顏色,並基於 OKLCH 色彩空間提供深度與鮮亮度調節。
插件簡介¶
該插件由 Alicex7777 維護,屬於趣味換裝類插件,採用 MIT 許可證。核心價值在於通過 UI 面板實時調節 DSH Web 的會話欄、左側會話列表欄、右側欄的配色,同時提供 26 套日間/夜間預設方案及文字色三態控制。
核心功能¶
-
區域獨立配色
支持會話欄、左側會話列表欄、右側欄獨立調節,三者互不牽連。 -
調節工具
每個區域支持取色器、十六進制輸入、不透明度(0–100%)調節。 -
OKLCH 深度與鮮亮度
基於感知均勻的 OKLCH 色彩空間,提供深度(L)與鮮亮度(C)滑桿,可在不改色相的前提下調整顏色深淺與鮮豔程度。 -
預設方案
內置 26 套日間(13 套)和夜間(13 套)配色方案,自動跟隨 DSH 主題切換。 -
文字色三態
文字顏色支持跟隨官方、推薦色、自定義三種狀態。 -
即時生效與保存
修改後即時保存並生效,支持「跟隨主題」清除覆蓋、「統一」應用到全部區域。
安裝與啓用¶
插件安裝在 profile 裏(Web profile 名爲 web)。安裝命令使用 link: 指向倉庫根目錄。
dsh plugin --profile web add link:D:\repos\dsh-theme-colors
注意:安裝時
link:後面必須是倉庫根目錄(包含package.json的目錄),不要指向子目錄。
宿主側代碼只在 dsh web 啓動時加載,安裝後需要重啓 dsh web。
使用方法¶
-
入口
點擊懸浮入口「🎨 配色」,或進入「設置 → 通用 → 配色」。 -
切換主題
頂部切換「淺色主題 / 深色主題」,兩套配色分別對應 DSH 主題的淺色與深色。 -
調節顏色
選擇區域,使用取色器或輸入十六進制值,拖動不透明度滑桿。改動即時保存並生效。 -
統一與重置
點擊「統一」將當前區域顏色與不透明度一次套用到全部區域;點擊「跟隨主題」恢復該行默認值;點擊「全部重置」恢復所有設置。 -
入口位置
懸浮入口可拖動,位置會自動記住。 -
文字色調節
每行右側可切換文字色狀態(跟隨官方/推薦色/自定義)。
注意事項¶
-
Profile 安裝
插件安裝在 profile 裏(Web profile 名爲 web)。 -
重啓要求
宿主側代碼只在dsh web啓動時加載,安裝或卸載後必須重啓dsh web。 -
數據存儲
配色數據保存在$DSH_HOME/.dsh-theme-colors.目錄下。 -
對比度標準
所有內置方案的對比度均 ≥ 12:1(最低 11.86:1)。