Dual-Layer Theme Switcher Demo
This page demonstrates a sophisticated theme switching system that supports both color theme selection and independent light/dark mode toggling. All preferences are automatically saved and will persist across browser sessions.
How It Works
The system combines your selected color theme (Blue, Green, Purple, or Orange) with your preferred mode (Light or Dark) to load the appropriate CSS file dynamically.
Try switching between different color themes and toggling the light/dark mode using the controls in the top-right corner. Your preferences will be remembered even after you close and reopen this page.