🎨 Theming & Accent Palettes

Zero-configuration dark and light modes with 6 dynamic accent color palettes and scoped light surfaces.

Live Preview: Scoped Light Surface inside Dark Mode

Dark Mode Card

Inherits global dark theme variables.

Light Scoped Surface

Clean document view embedded inside dark mode.

<!-- Global HTML Theme -->
<html theme="dark" theme-accent="blue">

<!-- Scoped Surface -->
<div card theme="light">
  <h3>Light Surface inside Dark Theme</h3>
</div>