Bloom for DSH:给 DeepSeek Harness 的玻璃 + 莫兰迪主题

前言

DeepSeek Harness(DSH)把界面能力拆成插件,主题也不例外。默认皮肤偏工具感,长时间盯屏时背景、强调色和面板层次往往不够顺眼;自己改 CSS 变量又容易在明暗切换、对比度和动效上踩坑。

下面介绍 webkubor/dsh-bloom-theme(npm:@kubor/dsh-bloom-theme)。维护者 webkubor 把 Typora 侧 Bloom 主题的莫兰迪设计语言搬进 DSH:8 套 OKLCH 配色、明暗双主题、顶栏一键切换,配色经 WCAG AA 校验。插件归类为「趣味换装」,在 GitHub 上约 10 stars(截至资料抓取时)。

这是什么

一句话:给 DSH 的「玻璃 + 莫兰迪」主题插件——低饱和氛围、磨砂玻璃面板、全站统一的微动效,零运行时依赖,TypeScript 构建。

它与 DSH 原生换肤的区别在于:不只改主色,而是一套完整视觉语言(双轨配色、玻璃质感、推理等待动效跟主题走),并通过 contrast-guard 同系列工具守住对比度。Bloom 系列还包括 typora-Bloom-themecontrast-guard

许可证:MIT。

核心功能

8 套莫兰迪配色,明暗各一套

每套配色都有亮色与暗色,顶栏切换时主色、背景、玻璃与动效色相一并更新。8 套名称如下:

中文 英文
雾蓝 Mist
丹红 Cinnabar
花瓣 Petal
涟漪 Ripple
鼠尾草 Sage
暖石 Stone
青金 Lapis
琥珀 Amber

磨砂玻璃面板

默认开启:半透明底、backdrop-filter 模糊、玻璃边缘(顶部高光、半透描边、柔和外辉),明暗两档透明度自适应。

双轨配色

  • 可读轨 --bloom-accent:刻意加深,用于文字、按钮、选中态,满足 WCAG。
  • 气质轨 --accent-rgb:低饱和莫兰迪色,只用于大面积氛围渐变与冷光细线。

大面积渐变只用气质轨;可读轨不铺面,避免「藕粉变荧光洋红」这类失真。

其他已核实能力

  • OKLCH 调色,明暗切换感知更均匀;主色对底色对比度实测 ≥ 4.5:1(WCAG AA)。
  • 主题色推理动效:Deep diving… 随当前主题三色光谱流动;prefers-reduced-motion 下静止。
  • 微交互:菜单入场、选中色条、hover / 按压反馈,时长与缓动 token 全站一致。
  • 版本与更新:下拉底部显示当前版本;npm 有新版时显示 ↑ vX 徽标。
  • 切换器挂在 DSH 顶栏工具区,不抢占原生控件。
  • 零依赖,纯 CSS 变量 + 少量切换逻辑。

安装与启用

DSH 插件以当前 dsh 进程权限运行。安装前建议浏览 GitHub 仓库 源码与 MIT 许可证;社区目录 SkillHub 为独立站点,与 DeepSeek / 幻方无官方从属关系。

推荐用 dsh CLI 安装:

dsh plugin add @kubor/dsh-bloom-theme

也可全局安装后启用:

npm i -g @kubor/dsh-bloom-theme
dsh plugin enable @kubor/dsh-bloom-theme

装完后刷新页面。顶栏右上角会出现「雾蓝 ▾」主题按钮;点击可在 8 套配色间切换,下拉底部显示当前版本号。

典型用法

安装并刷新后,日常操作集中在顶栏主题按钮:

  1. 点击「雾蓝 ▾」(默认展示当前配色名)展开下拉。
  2. 选择 Mist、Sage、Amber 等任意一套,全站立即切换。
  3. 若 npm 有更新版本,下拉内会出现 ↑ vX,点击可跳转 Release 页。

主题未生效时,先硬刷新(Cmd/Ctrl + Shift + R)。若页面提示 Failed to load plugins,检查 dsh plugin add 是否成功,或换用最新版。

单色自定义目前不在范围内;README Roadmap 中列为规划中能力。

适用场景与注意

适合谁

  • 长期在 DSH Web 界面工作、希望低饱和、护眼一点的视觉环境。
  • 需要明暗双主题且不想自己调 OKLCH 与对比度的用户。
  • 喜欢 Typora Bloom 系列设计语言、想在 DSH 里延续同一套质感的开发者。

注意

  • 插件随 DSH 加载,权限与当前 dsh 进程一致;只从可信来源安装。
  • 依赖 DSH 插件机制(cordis.patch.yml + 浏览器侧 client.js);大版本升级 DSH 后若异常,对照 README 常见问题排查。
  • 贡献新配色需在 src/client.tsPALETTE / VARIANTS / VARIANT_LABELS 中增项,并跑 npm run build && npm run check 通过 contrast-guard

结尾

Bloom for DSH 把莫兰迪质感、玻璃面板和可访问性校验做成可切换的 8 套主题,装完即用,顶栏一点即可换肤。若需详情、截图与开发说明,见 GitHub:webkubor/dsh-bloom-theme;社区目录页:SkillHub · dsh-bloom-theme

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

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

小夜