Dark Mode Website Templates

Website templates with built-in dark mode powered by Tailwind CSS dark: variant classes and CSS custom properties. The toggle persists user preference via localStorage and respects prefers-color-scheme system settings on first visit. Color transitions use 200ms CSS transitions for smooth switching without page reloads. All color combinations pass WCAG AA contrast ratios in both themes. Implementation uses a single data-theme attribute on the HTML element, making it compatible with Astro, React, Vue, and plain HTML setups. Dark mode reduces eye strain and saves battery on OLED screens.