PlugPress

Fahim Reza

Transform your WordPress site with a sleek dark mode toggle that your visitors will love.
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.
<h4>Why Choose Nightly?</h4>
<ul>
<li>Universal Compatibility – Works with FSE themes, classic themes, and everything in between</li>
<li>Smart Theme Detection – Automatically adapts the interface based on your theme type</li>
<li>Multiple Implementation Options – Gutenberg block, floating toggle, or manual integration</li>
<li>Accessibility First – WCAG 2.1 AA compliant with full keyboard navigation and screen reader support</li>
<li>Performance Optimized – Lightweight code that won’t slow down your site</li>
<li>User Preference Respect – Automatically detects and honors system dark mode preferences</li>
<li>Smooth Transitions – 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>
Getting Started is Simple:
<ol>
<li>Install & Activate – One-click installation from WordPress.org</li>
<li>Choose Your Method – Use the Gutenberg block or enable the floating toggle</li>
<li>Customize Settings – Configure position, animation speed, and preferences</li>
<li>Done! – Your visitors can now enjoy dark mode</li>
</ol>
No coding required. No theme modifications needed. Just install and go.
<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>WCAG 2.1 AA Compliant – Full accessibility support</li>
<li>Keyboard Navigation – Tab, Enter, and Space key support</li>
<li>Screen Reader Compatible – Proper ARIA attributes and announcements</li>
<li>High Contrast Support – Works with Windows high contrast mode</li>
<li>Lightweight – Minimal impact on page load times</li>
<li>Conditional Loading – Assets only load when needed</li>
</ul>
<h3>Support</h3>
Need help? We’re here for you!
<ul>
<li>Documentation: Comprehensive guides and examples</li>
<li>Support Forum: Community support and troubleshooting</li>
<li>Developer Resources: Hooks, filters, and customization guides</li>
</ul>
Visit <a href="https://plugpress.io/" rel="nofollow ugc">plugpress.io</a> for additional resources and premium support options.
<h3>Privacy</h3>
Nightly respects user privacy:
<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>
Your users’ privacy is protected while they enjoy the dark mode experience.

Nightly — Dark Mode Toggle

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

develowp

The first Dark Mode plugin custom tailored for Elementor websites!
Dark Mode Toggle Widget – Includes a dark mode toggle widget for custom button text, styling, placement and more.
Floating Button – Includes an option to use a predefined floating button with custom colors and placement control.
Automatic Dark Mode – Requires no additional styling or coding to get dark mode on all pages.
Match Device Theme – Automatically shows Darkmode if the OS prefered theme is dark.
Save User Choice – The plugin is able to save the user choice and show the prefered mode.
Exclude Pages – The plugin allows you to exclude specific pages & posts, dark mode will not initiate on selected pages/posts.

Dark Mode for Elementor

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

Nightly — Dark Mode Toggle vs Dark Mode for Elementor