Dragonfly CSS Theme System

Test the new theme system with data-theme attributes and dynamic variant loading

Base Theme Modes

Switch between light, dark, and auto modes (always loaded)

Current theme: light
Data attribute: light

Theme Variants (Opt-in)

Load theme variants dynamically - these are not included by default

Variant Loader Test

Loaded variants: none

Color Tokens

Component Aliases

Card with aliases

Form Elements

Theme Information

Current data-theme: light

Color scheme: light

Loaded variants: none