dsh-bloom-theme

dsh plugin --profile web add dsh-bloom-theme

<p align="center">

<img src="https://img.webkubor.online/projects/dsh-bloom-theme/bloom-banner.png" alt="Bloom for DSH" width="100%" />

</p>

<h1 align="center">🌊 Bloom for DSH</h1>

<p align="center">

<strong>15 套莫兰迪中国风配色，12 套精选；明暗主色均实测达 WCAG AA</strong><br/>

_{15 Morandi palettes, 12 featured — light and dark accent pairs meet WCAG AA.}

</p>

<!-- bloom-series-nav -->

<table align="center">

<tr>

<td align="center" width="33%"><a href="https://github.com/webkubor/typora-Bloom-theme">🌸 Bloom for Typora</a><br/>_{24 套主题}</td>

<td align="center" width="33%"><b>🌊 Bloom for DSH</b><br/>_{15 套可用 · 12 套精选}</td>

<td align="center" width="33%"><a href="https://github.com/webkubor/contrast-guard">🛡️ contrast-guard</a><br/>_配色护栏</td>

</tr>

</table>

<p align="center">

<sub>同一套莫兰迪设计语言：两个宿主的主题，加一个守住它们配色的工具。<br/>

<i>One Morandi design language — two themes, and the tool that keeps their colors honest.</i></sub>

</p>

<p align="center">

<a href="https://www.npmjs.com/package/dsh-bloom-theme"><img src="https://img.shields.io/npm/v/dsh-bloom-theme?style=for-the-badge&color=A873C4&logo=npm" alt="npm" /></a>

<a href="https://www.npmjs.com/package/dsh-bloom-theme"><img src="https://img.shields.io/npm/dm/dsh-bloom-theme?style=for-the-badge&color=92a8b3" alt="downloads" /></a>

<img src="https://img.shields.io/github/license/webkubor/dsh-bloom-theme?style=for-the-badge&color=5fa8b2" alt="License" />

</p>

<p align="center">

<!-- 徽章克制在 6 个以内：只留「能用（版本/下载）· 可信（AA 实测收录）· 干净（零依赖）」三类信号 -->

<a href="https://awesome-dsh-plugin.com"><img src="https://awesome-dsh-plugin.com/badge.svg" alt="Awesome DSH Plugin" /></a>

<img src="https://img.shields.io/badge/WCAG-AA-6a9955?style=for-the-badge" alt="WCAG AA" />

<img src="https://img.shields.io/badge/dependencies-0-92a8b3?style=for-the-badge" alt="zero dependency" />

</p>

<p align="center">

<b>中文</b> | <a href="README.en.md">English</a>

</p>

<p align="center">

把 <a href="https://github.com/webkubor/typora-Bloom-theme">Bloom</a>（90★ Typora 主题）的莫兰迪质感搬进

<a href="https://github.com/deepseek-ai/deepseek-harness">DeepSeek Harness</a>。

<br />

<b>玻璃 + 莫兰迪</b>：15 套明暗配色，主菜单精选 12 套，磨砂玻璃面板，顶栏一键切换，

连 AI 思考的等待也跟主题一起呼吸。

</p>

📌 桌面端优先 —— 关于 DSH Web UI 的说明

结论：Bloom 接下来的迭代优先兼容 DSH 桌面端；Web UI 不再主动适配，会逐步淡出。

0.17.0 起优先适配桌面端。本次更新使用当前宿主提供的顶栏与全局覆盖层 Slot，最低支持 DSH 0.2.2-rc.1；插件版本提示读取桌面应用版本。

DSH 有了桌面端应用，我自己日常已经切过去了。主题这类东西的价值长在 UI 上——宿主怎么改界面，

配色和玻璃就得跟着长——所以迭代重心跟着挪到桌面端。

具体到你会遇到什么：

你在用 · 会发生什么

桌面端 · 新配色、新动效、视觉修复都优先在这里出。我每天都在用它，界面变了我就会跟。

Web UI · 保持现状可用，但不再主动适配 DSH Web 端的新变化；DSH 若改了结构导致某处显示不对，我不一定及时跟。

两点补充，省得你按标题猜：

• 已经装上的版本不会失效。 停的是「跟着新界面继续长」，不是「把你现在能用的弄坏」。
• 如果你只能用 Web UI，欢迎开 issue 把场景说清楚——真实需求会改变我的判断，这句不是客套。

这次更新 · 2026-11-06 🌸

浅色模式补了点层次：边缘有淡淡的主题色，正文区依旧干净。右上角的星点也更清楚了，换配色时会一起变色，深色原有的白色星辉保留。

配色菜单重新对齐，诗句的渐变颜色还在；入口和装饰层改走官方 Slot，切换页面、停用和重新启用时的资源清理也一起补齐。谢谢大家一直试用、截图提意见，这些细节都是一点点磨出来的。

一句话

给 DeepSeek Harness 的「玻璃 + 莫兰迪」主题。

15 套配色（菜单精选 12 套），明暗自适应，顶栏一键切换；面板是真正的磨砂玻璃（半透 + backdrop 模糊 + 玻璃边缘），

配色是低饱和莫兰迪（OKLCH 调色、WCAG AA），全站统一克制的微动效，零运行时依赖，前端 TypeScript 构建。

莫兰迪的气质不在 --accent，在 --accent-rgb。

快速开始

主菜单精选 12 套，按色系相邻排列、赤橙黄绿青蓝紫每系至少一套：朱砂、粉霞、橙黄、落霞、轻黄、草色、天青、黛蓝、青金、青莲、银红、桃夭。

其余历史配色仍能读取旧偏好；若当前选中旧色，菜单会临时显示它，切走后收起。

自动换色默认关闭，可设 5 / 15 / 30 / 60 分钟，休眠或隐藏时暂停。

在 DSH 应用内「插件管理」安装，按返回提示完成应用或重启。顶栏「黛蓝 ▾」按钮提供 12 套精选配色、明暗与自动换色设置。官方 plugin_manager 安装方式见下方[安装](#安装)。

🏆 为什么用它

· DSH 原生 · 普通主题插件 · Bloom for DSH

配色数量 · 1 套 · 3-5 套 · 15 套可用、12 套精选，均有明暗配色

配色依据 · 手工挑色 · 手工挑色 · OKLCH 感知均匀调色

对比度 · 未声明 · 未声明 · 明暗主色对全部实测 ≥ 4.5:1（WCAG AA）

面板质感 · 实色 · 实色 / 简单半透 · 真磨砂玻璃（半透 + backdrop 模糊 + 玻璃边缘）

切换方式 · — · 改配置文件 · 顶栏一键切换，即时生效

动效 · 固定 · 无 / 硬编码 · 跟随主题三色光谱，支持 prefers-reduced-motion

运行时开销 · — · 常驻进程 / 依赖 · 零依赖，只注入 CSS 变量

配色预览

主菜单 12 套精选配色，按实际菜单顺序展示。上图依据 v0.23.0 色板中的真实明暗色值 绘制，是用于比较色系的配色示意，不是 DSH 应用截图；之前未通过验收的天青浅色实底试点不在本版中。



真实界面截图（v0.23.0，黛蓝）：

深色 · 浅色

!黛蓝深色的 DSH 界面 · !黛蓝浅色的 DSH 界面

其它精选配色：

天青 · 浅色 · 天青 · 深色

!天青浅色的 DSH 界面 · !天青深色的 DSH 界面

草色 · 深色 · 青莲 · 浅色

!草色深色的 DSH 界面 · !青莲浅色的 DSH 界面

轻黄 · 深色 · 朱砂 · 浅色

!轻黄深色的 DSH 界面 · !朱砂浅色的 DSH 界面

更新

检测到新版后，支持 remote.pluginManager.updateBundle 的宿主会在更新横幅中显示「立即更新」，由宿主完成原位更新与失败恢复。若宿主返回需要重启，横幅提示重启应用；已应用成功时显示「已更新到 v{版本}」，不提供页面重载按钮。缺少此接口的旧宿主，不显示无效的一键更新按钮，仍指向侧栏「插件」管理。桌面端不提供会被拒绝的终端更新命令；自建 CLI profile 保留复制命令。

安装

在正在运行的 DSH 中打开「插件」管理，安装 dsh-bloom-theme。也可以让当前 DSH 会话使用官方 plugin_manager：先列出已有 bundle，再通过 install_bundle 安装明确版本；本地开发使用构建完成的仓库绝对路径。

按安装返回的 application / nextStep 完成后续操作；替换已有包时可能需要重启应用，页面刷新不能替代宿主重启。安装与升级由宿主管理，无需手改 profile 依赖或复制 node_modules。

应用安装结果后，主题按钮通过官方 Slot 提供的锚点定位在 DSH 对话顶栏。点击展开即可在 12 套精选配色间切换，

下拉底部显示当前版本号；npm 上有更新的版本时会亮一个 ↑ vX 徽标（点它跳 Release 页）。

特性

特性 · 说明

磨砂玻璃面板（默认常开） · 半透底 + backdrop-filter 模糊 + 玻璃边缘（顶部亮

…(truncated)