Theme Switch Test

Use the theme toggle in the navigation to switch between light and dark themes.

Primary Background

This is the main background color

Secondary Background

Used for sections and contrast areas

Card Background

Used for content cards and panels

Accent Background

Subtle accent for highlights

Interactive Elements

Text Colors

Primary Text Color

Secondary Text Color

Muted Text Color

Accent Text Color

Form Elements

Theme Features

  • • Automatic detection of system preference
  • • Persistent theme selection via localStorage
  • • Smooth transitions between themes
  • • No flash of unstyled content
  • • Mobile-friendly theme toggle