Experience seamless theme switching with CSS variables and localStorage persistence. Your preference is saved automatically!
Your theme preference is saved using localStorage and restored on every visit.
All colors are defined using CSS custom properties for easy theme switching.
Smooth transitions between themes with no page reload required.
:root {
--bg-primary: #ffffff;
--bg-secondary: #f3f4f6;
--text-primary: #1f2937;
--text-secondary: #4b5563;
--accent-primary: #3b82f6;
}
[data-theme="dark"] {
--bg-primary: #0f172a;
--bg-secondary: #1e293b;
--text-primary: #f1f5f9;
--text-secondary: #cbd5e1;
--accent-primary: #60a5fa;
}