DSH Hub
dsh-bloom-theme cover

webkubor/dsh-bloom-theme

dsh-bloom-theme

UIWeb UI10 GitHub stars· updated 2026-08-23

dsh-bloom-theme is a community DeepSeek Harness plugin. Read the repository README before installing.

Install

npx @deepseek-ai/dsh plugin --profile web add @kubor/dsh-bloom-theme

Restart `dsh web` after install. Bundle APIs can change during the developer preview.

README badge

dsh-bloom-theme DSH Hub badge
[![DSH Hub](https://dshhub.dev/badge/dsh-bloom-theme.svg)](https://dshhub.dev/plugins/dsh-bloom-theme)

Paste this into your README. The star count updates with every catalog sync.

From the README

Excerpt from webkubor/dsh-bloom-theme, cleaned of badges and images.

<td align="center" width="33%"><a href="https://github.com/webkubor/typora-Bloom-theme">🌸 Bloom for Typora</a><br/><sub>24 套主题</sub></td> <td align="center" width="33%"><b>🌊 Bloom for DSH</b><br/><sub>4 套配色 · 当前</sub></td> <td align="center" width="33%"><a href="https://github.com/webkubor/contrast-guard">🛡️ contrast-guard</a><br/><sub>配色护栏</sub></td>

<sub>同一套莫兰迪设计语言:两个宿主的主题,加一个守住它们配色的工具。<br/> <i>One Morandi design language — two themes, and the tool that keeps their colors honest.</i></sub>

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

<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 /> 4 套配色,明暗双主题,顶栏一键切换;连推理中的等待也会跟着主题呼吸。

Bloom 是什么

Bloom 原是一套 Typora 主题,核心不在「换个颜色」,而在一整套莫兰迪质感语言: 低饱和的氛围渐变、冷调的发光细线、长距柔和的投影、克制的圆角与间距。

这个插件把那套语言完整移植到 DSH——包括它最容易被忽略的一半:

莫兰迪的气质不在 --accent,在 --accent-rgb

详见 双轨色

为什么用 Bloom

特性说明
双轨配色可读轨保对比度,气质轨专供氛围渐变,两轨分工不混用
质感层完整氛围渐变、冷光线条、纸感投影、Markdown 排版装饰,而非仅替换色值
OKLCH 调色感知均匀的色彩空间,明暗切换不跳变
WCAG AA8 个「主色 + 底色」组合全部实测 ≥ 4.5:1
零依赖纯客户端注入,不引入任何运行时依赖
不抢占原生控件切换器挂进 DSH 顶栏工具区,与原生按钮并排共存
主题色推理动效Deep diving… 以当前主题的三色光谱流动,不再固定 DeepSeek 蓝;减少动态效果时自动静止
氛围层(v0.4,默认关)同色系壁纸 + 磨砂玻璃一键开启;关闭后零残留,回到纯 Bloom
主题包(v0.4)变体 + 氛围配置导出 JSON 分享,导入白名单校验

主题一览

4 套配色,每套都有浅色与深色两个版本。

  <sub><code>mist</code> 雾蓝 · 沉静的蓝灰</sub>
  <sub><code>cinnabar</code> 朱砂 · 温暖的陶土红</sub>
  <sub><code>petal</code> 花瓣 · 柔和的藕粉</sub>
  <sub><code>ripple</code> 涟漪 · 清冽的雾青</sub>
  <sub><code>mist</code> 浅色</sub>
  <sub><code>petal</code> 浅色</sub>

顶栏下拉一键切换,选择记在 localStorage

推理中的等待,也属于主题

Deep diving… 不再是固定的 DeepSeek 蓝色 shimmer。Bloom 为每个变体准备了以主色为锚的 三色光谱,并在文字上缓慢流动:雾蓝是蓝 → 青 → 紫蓝,朱砂是朱砂 → 琥珀 → 玫红, 花瓣是粉 → 紫 → 珊瑚,涟漪是青 → 湛蓝 → 薄荷。切换主题时动效同步切换; prefers-reduced-motion 下自动停为静态渐变。

v0.4 起可选开启氛围层——壁纸与磨砂玻璃随变体联动(默认关闭,克制审美不妥协):

快速安装

dsh plugin --profile web add @kubor/dsh-bloom-theme

然后把包名加进 ~/.dsh/profiles/web/package.json 的 bundles:

{
  "dsh": {
    "profile": {
      "bundles": [
        "@deepseek-ai/dsh-base",
        "@deepseek-ai/dsh-web-app",
        "@kubor/dsh-bloom-theme"
      ]
    }
  }
}

重启 DSH,顶栏出现主题下拉即生效。

DSH Desktop 使用相同的包与 boot graph:把上面命令和路径中的 web 换成 desktop, 然后退出并重新打开原生 Desktop App。

插件自带 cordis.patch.yml 并通过 dsh.bundle 声明,列进 bundles 后会自动 insert 进 boot graph,不需要手动编辑 cordis.patch.yml

也可以手动 insert(旧方式)

如果不想改 bundles,在 ~/.dsh/profiles/web/cordis.patch.yml 里手动 insert 同样可行:

- insert:
    - id: bloom-theme
      name: '@kubor/dsh-bloom-theme'

从源码装:dsh plugin --profile web add github:webkubor/dsh-bloom-theme

配置

Bloom 不读取环境变量,也不把偏好发到服务端;所有设置都保存在当前浏览器的 localStorage

设置默认值说明
主题变体dsh-bloom-variantmist顶栏下拉选择;可选 mistcinnabarpetalripple
氛围层dsh-bloom-ambience关闭壁纸、玻璃、压暗度、模糊度与自定义壁纸 URL;可通过主题包导入/导出

明暗模式仍由 DSH 自身的「设置 → 外观」控制;Bloom 会为当前变体自动应用对应的亮色或暗色 token。

设计原理:双轨色

原版 Bloom 每个变体都有两套色,root-mist.css 的注释写得很直白:

/* --- Morandi Mist (Blue) - Deepened for better contrast --- */
--accent: oklch(50% 0.08 240);   /* 可读轨:被刻意加深过,为过对比度 */
--accent-rgb: 146, 168, 179;     /* 气质轨:真正的莫兰迪色,发灰、低饱和 */

两轨分工不能混:

Related plugins