前言¶
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-theme 与 contrast-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 套配色间切换,下拉底部显示当前版本号。
典型用法¶
安装并刷新后,日常操作集中在顶栏主题按钮:
- 点击「雾蓝 ▾」(默认展示当前配色名)展开下拉。
- 选择 Mist、Sage、Amber 等任意一套,全站立即切换。
- 若 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.ts的PALETTE/VARIANTS/VARIANT_LABELS中增项,并跑npm run build && npm run check通过contrast-guard。
结尾¶
Bloom for DSH 把莫兰迪质感、玻璃面板和可访问性校验做成可切换的 8 套主题,装完即用,顶栏一点即可换肤。若需详情、截图与开发说明,见 GitHub:webkubor/dsh-bloom-theme;社区目录页:SkillHub · dsh-bloom-theme。