Theme Demo

Theme Toggle

Click the toggle button above to switch between light and dark themes. Your preference is automatically saved.

Color Palette

background

foreground

card

muted

primary

secondary

Component Examples

Buttons

Card Example

Card Title

This is a card with muted background. The theme toggle button in the top right corner allows you to switch between dark and light themes seamlessly.

Form Elements

How to Use

  • Click the theme toggle button in the top right to switch themes
  • Your preference is saved to localStorage as 'airdreads-theme'
  • The theme persists across page refreshes
  • If no preference is saved, it defaults to your system preference