Theming · FlickUI

Theming

14 themes, one class away

Every color in FlickUI is a CSS custom property. Swap the whole page's palette by adding a single class to <html> — try it below, it repaints this entire site in real time.

Royal amethyst

Live preview — every component reacts instantly

default mode

SuccessWarningChipFL

<html class="theme-ocean">
<!-- theme-dark, theme-ocean, theme-sunset, theme-retro,
     theme-royal-amethyst, theme-forest-canopy, theme-arctic-glacier,
     theme-desert-sandstone, theme-espresso-roast, theme-synthwave-violet,
     theme-vintage-sepia, theme-citrus-burst, theme-galactic-nebula -->