dsh-krill-theme

In most DSH Web setups, dark mode and light mode feel like two unrelated skins. The Krill theme unifies them into one zero-dependency CSS plugin built around a marine metaphor: dark mode becomes a deep-sea world where brightness encodes information priority (brighter means more important), while light mode becomes a shallow-sea world where clarity plays that role (clearer means more important). Both palette stacks coexist in a single stylesheet via mutually exclusive body selectors and switch automatically with the system preference—no dist rebuild, no component code touched.

The conversation panel hosts a lightweight oceanic plankton animation: canvas-rendered glowing sprites drift in a shared current whose direction and speed shift periodically, creating a quiet ambient layer that never competes with reading. When the model is generating, the plankton enter a deep-dive state—nearly vertical updraft at roughly 40× base speed, extra bright micro-particles surfacing from the bottom, an overall brightness boost, and a soft top-white-to-bottom-dark gradient glow that breathes in rhythm with the surge. A pulsing jellyfish button in the corner opens a cyan-tinted parameter panel where particle count, opacity, flow speed, swing amplitude, tide pulse, dive count scale, brightness, and glow intensity are all adjustable in real time via the panel, the window.DSH_DEEPSEA API, or plain CSS custom properties. Under the hood the plugin redefines approximately 95+ design tokens on the body element, so the sidebar, dock, overlays, menus, settings, scrollbars, status colours, and Shiki code highlighting all follow a single source of truth.

Krill is a good fit if you want DSH Web to feel like an immersive underwater workspace without writing a line of component code, or if you simply prefer a visual hierarchy where the most critical content is always the brightest (dark) or clearest (light) element on screen. Because every visual decision is expressed as a CSS custom property or a commented source section, you can trim, tune, or extend any layer independently.