Components
Theme
Layered theme system: Preline base provides defaults (typography, colors, borders). GlassUI themes override 3 palette colors (--theme-primary, --theme-secondary, --theme-accent). Glass accents and glows auto-derive.
Theme Switcher
Click a preset dot to change accent colors. Click the sun/moon to toggle dark/light mode.
Theme Palette
3 source colors per theme. Everything else derives from these.
Primary
--theme-primary Secondary
--theme-secondary Accent
--theme-accentDerived Tokens
Glass accents and glows auto-derive from the palette via oklch() opacity.
Accent 1 primary @ 0.8
Accent 2 secondary @ 0.8
Accent 3 accent @ 0.8
Glow 1 primary @ 0.3
Glow 2 secondary @ 0.3
Glow 3 accent @ 0.3
Component Preview
Components respond to the active theme preset.
Primary Secondary Success Warning Glass
Card Preview
Theme Preview
This alert responds to theme changes.