ZeroBloat Dark Mode
·
Adds a dark mode toggle to your site. Lightweight and simple, with zero configuration required.
ZeroBloat Dark Mode adds a floating toggle button that lets visitors switch between light and dark mode.
No settings page. No database queries. No bloat.
Just install, activate, done.
Features
- Floating toggle button (bottom-right corner)
- Respects system preference (prefers-color-scheme)
- Remembers user choice (localStorage)
- Prevents flash of unstyled content
- Shortcode
[dark_mode_toggle]for custom placement - Works with any theme
- No external dependencies
- No tracking or analytics
- Under 5KB total
How It Works
- Checks user’s saved preference
- Falls back to system preference (OS dark mode)
- User can toggle anytime with the floating button
- Choice is saved for future visits
Styling
The plugin applies sensible dark mode defaults. To customize, add CSS to your theme:
body.mdm-dark {
background-color: #121212 !important;
color: #ffffff !important;
}