Theme
A complete, opt-in theme system with dark mode, base color palettes, primary accent colors, border radius customization, and localStorage persistence. Includes a full theme switcher popover and a standalone dark mode toggle.
Theme Switcher
The
BbThemeSwitcher renders a popover panel with independent base color and primary color sections (each with its own selection indicator), border radius presets, and a light/dark mode toggle. Picking a base color no longer resets the primary color, and a "Default" chip in the primary section restores the base palette's own accent. Set ColorLayout to ThemeSwitcherColorLayout.Combined for the legacy single-grid layout. Both components auto-initialize the ThemeService on first render — no manual setup needed.Dark Mode Toggle
A standalone button that toggles dark mode. Shows a sun icon in light mode and a moon icon in dark mode. Customize the button variant, size, and icons.
Theme Scope
BbThemeScope applies local design settings and radius to its descendants, including floating overlays opened inside the scope. Color palettes and dark mode inherit from the document.