Example themes

Every theme below is just the 7 CSS custom properties — click a swatch to restyle the actual banner instantly, then copy the CSS for the one you want.

Default (dark)The package's built-in default — no CSS required.Default (light)What visitors on a light OS theme see automatically — also no CSS required.MinimalSharp corners, monochrome, monospace — an editorial/brutalist look.Warm & earthyCream and terracotta with a serif face — friendly, organic feel.NeonNear-black with a glowing accent — tech/gaming/crypto aesthetic.CorporateRestrained blue-on-white with a smaller radius — conservative SaaS look.PlayfulPastel lavender, very rounded, rounded system font — soft and friendly.

Reset demo (clears the stored choice)

CSS for the selected theme — paste into your global stylesheet:

None of these are “correct” — they’re starting points. Mix and match values, or use your own brand colors entirely.