Add a professional dark mode toggle to your WordPress site. Works with any theme - FSE or classic. Lightweight, accessible, and user-friendly.

Ermald Billa

Improve Accessibility – Dark Mode Switcher

A secure WordPress plugin to add a universal dark/light mode toggle with localStorage support.

develowp

Dark Mode for Elementor

Dark Mode for Elementor front-end, includes a toggle button widget for custom button setup.

PlugPress

Fahim Reza

<p><strong>Transform your WordPress site with a sleek dark mode toggle that your visitors will love.</strong></p>
<p>Nightly is a lightweight, professional dark mode plugin that seamlessly integrates with any WordPress theme. Whether you’re using modern FSE (Full Site Editing) themes or classic themes, Nightly provides the perfect dark mode solution for your website.</p>
<h4>Why Choose Nightly?</h4>
<ul>
<li><strong>Universal Compatibility</strong> – Works with FSE themes, classic themes, and everything in between</li>
<li><strong>Smart Theme Detection</strong> – Automatically adapts the interface based on your theme type</li>
<li><strong>Multiple Implementation Options</strong> – Gutenberg block, floating toggle, or manual integration</li>
<li><strong>Accessibility First</strong> – WCAG 2.1 AA compliant with full keyboard navigation and screen reader support</li>
<li><strong>Performance Optimized</strong> – Lightweight code that won’t slow down your site</li>
<li><strong>User Preference Respect</strong> – Automatically detects and honors system dark mode preferences</li>
<li><strong>Smooth Transitions</strong> – Customizable animation speeds for seamless theme switching</li>
</ul>
<h4>Key Features</h4>
<ul>
<li>System preference detection (respects prefers-color-scheme)</li>
<li>Customizable transition animations (0-1000ms)</li>
<li>Multiple floating toggle positions (all four corners)</li>
<li>localStorage persistence for user preferences</li>
<li>Synchronized toggles (multiple toggles stay in sync)</li>
<li>Mobile-responsive design</li>
<li>RTL language support</li>
</ul>
<h4>Easy to Use</h4>
<p><strong>Getting Started is Simple:</strong></p>
<ol>
<li><strong>Install & Activate</strong> – One-click installation from WordPress.org</li>
<li><strong>Choose Your Method</strong> – Use the Gutenberg block or enable the floating toggle</li>
<li><strong>Customize Settings</strong> – Configure position, animation speed, and preferences</li>
<li><strong>Done!</strong> – Your visitors can now enjoy dark mode</li>
</ol>
<p><strong>No coding required. No theme modifications needed. Just install and go.</strong></p>
<h4>🛠️ Developer Friendly</h4>
<ul>
<li>Clean, well-documented code following WordPress standards</li>
<li>CSS custom properties for easy theme integration</li>
<li>JavaScript events for advanced customization</li>
<li>Hooks and filters for extensibility</li>
<li>Modern build process with optimized assets</li>
</ul>
<h4>🌐 Accessibility & Performance</h4>
<ul>
<li><strong>WCAG 2.1 AA Compliant</strong> – Full accessibility support</li>
<li><strong>Keyboard Navigation</strong> – Tab, Enter, and Space key support</li>
<li><strong>Screen Reader Compatible</strong> – Proper ARIA attributes and announcements</li>
<li><strong>High Contrast Support</strong> – Works with Windows high contrast mode</li>
<li><strong>Lightweight</strong> – Minimal impact on page load times</li>
<li><strong>Conditional Loading</strong> – Assets only load when needed</li>
</ul>
<h3>Support</h3>
<p>Need help? We’re here for you!</p>
<ul>
<li><strong>Documentation</strong>: Comprehensive guides and examples</li>
<li><strong>Support Forum</strong>: Community support and troubleshooting</li>
<li><strong>Developer Resources</strong>: Hooks, filters, and customization guides</li>
</ul>
<p>Visit <a href="https://plugpress.io/" rel="nofollow ugc">plugpress.io</a> for additional resources and premium support options.</p>
<h3>Privacy</h3>
<p>Nightly respects user privacy:</p>
<ul>
<li>No data is sent to external servers</li>
<li>User preferences are stored locally in the browser</li>
<li>No tracking or analytics</li>
<li>GDPR compliant</li>
<li>No cookies used</li>
</ul>
<p>Your users’ privacy is protected while they enjoy the dark mode experience.</p>


Alternatives to Nightly — Dark Mode Toggle

Top alternatives