Foreword¶

DeepSeek Harness (DSH) modularizes its interface capabilities into plugins, and theming is no exception. The default skin leans towards a utilitarian feel, and when staring at the screen for extended periods, the background, accent colors, and panel hierarchy often appear less aesthetically pleasing; attempting to modify CSS variables oneself can easily lead to pitfalls in dark/light mode switching, contrast, and animations.

Below introduces webkubor/dsh-bloom-theme (npm: @kubor/dsh-bloom-theme). Maintainer webkubor has brought the Morandi design language of the Bloom theme from Typora into DSH: 8 sets of OKLCH color schemes, dual light/dark themes, one-click switching via the top bar, with colors verified against WCAG AA standards. The plugin is categorized under “Fun Customization” and had approximately 10 stars on GitHub (as of data capture time).

What Is This¶

In one sentence: A “Glass + Morandi” theme plugin for DSH—featuring low-saturation ambiance, frosted glass panels, unified micro-animations across the site, zero runtime dependencies, and built with TypeScript.

Its differentiation from DSH’s native theming lies in not merely changing the primary color, but providing a complete visual language (dual-track color schemes, glass texture, inference-waiting animations aligned with the theme), and safeguarding contrast via the contrast-guard tool series. The Bloom family also includes typora-Bloom-theme and contrast-guard.

License: MIT.

Core Features¶

8 Sets of Morandi Color Schemes, Each for Light and Dark¶

Each color scheme includes a light and a dark variant. Switching via the top bar updates the primary color, background, glass, and animation hues simultaneously. The 8 sets are named as follows:

Frosted Glass Panels¶

Enabled by default: semi-transparent background, backdrop-filter blur, glass edges (top highlight, semi-transparent border, soft outer glow), with adaptive transparency levels for both light and dark modes.

Dual-Track Color Scheme¶

• Readability Track --bloom-accent: Intentionally darkened, used for text, buttons, selected states, and compliant with WCAG.
• Atmosphere Track --accent-rgb: Low-saturation Morandi color, used only for large-area atmospheric gradients and cool-toned thin lines.

Large-area gradients utilize only the Atmosphere Track; the Readability Track is not applied broadly to avoid distortions like “muted pink turning into fluorescent magenta.”

Other Verified Capabilities¶

• OKLCH color tuning ensures more perceptually uniform transitions between light and dark modes; measured contrast between primary color and background is ≥ 4.5:1 (WCAG AA).
• Theme-colored inference animations: Deep diving… flows with the current theme’s tricolor spectrum; disabled under prefers-reduced-motion.
• Micro-interactions: menu entry, selection color bar, hover/press feedback, with consistent duration and easing tokens site-wide.
• Version and updates: Current version displayed at the bottom of the dropdown; a ↑ vX badge appears when a new version is available on npm.
• The switcher attaches to the DSH top bar utility area without overriding native controls.
• Zero dependencies, purely CSS variables plus minimal switching logic.

Installation and Activation¶

DSH plugins run with the current dsh process permissions. Before installation, it’s recommended to browse the GitHub repository source code and the MIT license; the community directory SkillHub is an independent site with no official affiliation to DeepSeek / High-Flyer.

Recommended installation via dsh CLI:

dsh plugin add @kubor/dsh-bloom-theme

Alternatively, install globally and then enable:

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

After installation, refresh the page. A “Mist ▾” theme button will appear in the top-right corner of the top bar; clicking it allows switching between the 8 color schemes, with the current version displayed at the bottom of the dropdown.

Typical Usage¶

After installation and refresh, daily operations center around the top bar theme button:

1. Click “Mist ▾” (which displays the current color scheme name by default) to expand the dropdown.
2. Select any scheme such as Mist, Sage, Amber, etc., and the entire site switches immediately.
3. If a newer version is available on npm, a ↑ vX will appear in the dropdown; clicking it redirects to the Release page.

If the theme doesn’t take effect, perform a hard refresh (Cmd/Ctrl + Shift + R). If the page displays Failed to load plugins, check whether dsh plugin add was successful, or switch to the latest version.

Monochrome customization is currently out of scope; it’s listed as a planned capability in the README Roadmap.

Use Cases and Considerations¶

Who Is This For

• Users who work long-term in the DSH Web interface and desire a low-saturation, eye-friendly visual environment.
• Users who need dual light/dark themes and don’t want to manually tune OKLCH and contrast.
• Developers who appreciate the Typora Bloom design language and wish to extend the same aesthetic into DSH.

Considerations

• The plugin loads with DSH, sharing permissions with the current dsh process; install only from trusted sources.
• It relies on the DSH plugin mechanism (cordis.patch.yml + client-side client.js); if issues arise after a major DSH upgrade, consult the README troubleshooting section.
• Contributing new color schemes requires adding entries in src/client.ts’s PALETTE / VARIANTS / VARIANT_LABELS and running npm run build && npm run check to pass contrast-guard.

Conclusion¶

Bloom for DSH integrates Morandi texture, glass panels, and accessibility verification into 8 switchable themes. Install and use immediately, with theme switching via a single click on the top bar. For details, screenshots, and development documentation, see GitHub: webkubor/dsh-bloom-theme; community directory page: SkillHub · dsh-bloom-theme.