dsh-theme-colors: DSH Web Interface Color Scheme Adjustment Plugin

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)。

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

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

Xiaoye