dsh-aurora-bg

The default DSH Web UI background is typically a flat, single-color canvas that tends to feel sterile during extended sessions. dsh-aurora-bg replaces it with a six-layer animated backdrop: a deep-blue fluid base, dual near/far grid parallax, blue-violet light blobs, a counter-rotating golden flow layer, a warm top glow, and a fast-spinning fine layer. Each layer rotates and drifts at its own speed and direction, producing the layered "fluid surge" depth characteristic of the DeepSeek website, while mouse movement drives a two-tier parallax effect entirely through CSS transforms.

The standout element is the dot-matrix whale, sampled from the official hero-whale SVG path onto a 60×60 luminance grid. On load, scattered particles ease into the whale silhouette over 2.5 s; afterwards the tail undulates with a traveling wave, concentric ripples radiate from the center, and a three-decay repulsion force pushes particles away as the cursor approaches. A 3-D lighting model modulates each particle's brightness between 0.28× and 2.79× based on its distance to a light source that tracks the mouse, faithfully recreating the official site's interactive feel.

Everything runs on CSS transforms and SVG particles—no WebGL context, no persistent canvas loop, no mask or blur filters—so the plugin stays lightweight and stable even on low-end hardware. All colors, grid densities, per-layer rotation speeds, drift amplitudes, parallax strengths, and whale interaction parameters are exposed as top-level constants and an anim array in lib/client.js, letting developers fine-tune the aurora palette and whale position with a few numeric edits. It is ideal for anyone who wants a polished, DeepSeek-flavored DSH interface without pulling in a heavy rendering stack.