dsh-hero-headline

DSH web opens every new session with a placeholder hero: "Into the Unknown" plus a small "Preview" tag. It gets after you—until it starts to feel like someone else s interface wearing your screen. dsh-hero-headline exists to put your own words there.

Point it at any string (the shipped default is a quiet little mantra: "Your everyday is the miracle") and it takes care of the rest: a gradient fill via background-clip: text, a crisp white stroke, a soft drop-shadow, generous letter-spacing, and a graceful font-stack fallback that keeps things elegant on any OS. The DeepSeek whale beside the text is repainted in its official blue while the playful hop-on-hover animation is left untouched. Then the Monet-style colour pull kicks in: the plugin samples whatever image or video ui-theme-background-custom is showing, runs a median-cut to pull six vivid hues (skipping near-grey, pure-black, and pure-white clusters), sorts them by hue, and paints the headline gradient from that palette. Video frames refresh on a fixed interval; image backgrounds re-scan the moment the URL changes. If no background plugin is installed or the sample is all grey, it silently falls back to a built-in rainbow—no error, no blank title.

Under the hood everything is pure client-side JavaScript. A MutationObserver locates the exact leaf node whose text matches the placeholder, rewrites it, applies the stylesheet, and hides the "Preview" badge as a sibling. Because it never touches core source, locale internals, or hashed CSS-module class names, small DSH releases rarely break the plugin; worst case it simply stays silent. It pairs best with ui-theme-background-custom for the full colour-linked effect, but the headline swap, art-text styling, and whale recolour all work perfectly on their own. It is built for DSH users who treat the empty state as canvas rather than placeholder.