ScriptsTown

Dark Mode Toggle is an excellent WordPress plugin that allows you to quickly add a dark / night mode toggle switch button to your WordPress site. The plugin enables users or visitors to easily switch between a dark or light scheme by clicking on the simple toggle button. It is ready to use dark mode plugin that works out of the box and is compatible with all WordPress themes. It has a settings page with various options to customize or change the position, width, height, and border radius of the toggle button. It is a very lightweight plugin with minimal footprints. With this plugin, you can also skip or exclude dark mode on any specific elements of your website. It improves the user experience and it is fast and easy to use.
Dark mode plugin can improve the accessibility and readability of a WordPress website. Having a dark background with light-colored text can reduce eye strain and fatigue for many people who are sensitive to bright screens. This is the best dark mode WordPress plugin that allows site visitors to switch between light and dark modes easily. It caters to different visual needs and preferences. Plus, the plugin can save and persist the user’s choice for the next page refresh. It remembers the choice for the next page visit to avoid manually switching modes on every new page load.
This dark mode plugin has simple settings, works well with all modern browsers, and provides high compatibility with all WordPress themes as well as any page builder plugins. It quickly changes the colors and also works great for darker themes to toggle the light mode on the dark themes.
<h3>Dark Mode Toggle Features</h3>
<ul>
<li>Dark Mode / Night Mode Toggle Switch</li>
<li>Sticky Button to Toggle Dark Mode</li>
<li>Change Position of Toggle Button</li>
<li>Customize Width, Height, and Border Radius</li>
<li>Easily Switch to Light or Dark Mode</li>
<li>Lightweight Plugin with Minimal Footprints</li>
<li>Easy Setup with Automatic Configuration</li>
<li>Bring Dark Theme or Light Theme</li>
<li>Compatible with any WordPress Theme</li>
<li>Switching Transition Animation</li>
<li>Save User Choice on Next Page Refresh</li>
<li>Fast and Easy to Setup and Use</li>
</ul>
Upgrade To Pro – <a href="https://scriptstown.com/wordpress-plugins/dark-mode-toggle-pro/#pricing" title="Upgrade To Pro" rel="nofollow ugc">Click Here</a>
<h3>Dark Mode Toggle Pro Features</h3>
<ul>
<li>Toggle Dark Mode on Editor Screen</li>
<li>Upload Custom Toggle Button Image</li>
<li>Different Images on Light / Dark Mode</li>
<li>Set Custom Button Emoji Label</li>
<li>Set Toggle Button Font Size</li>
<li>Custom Toggle Button Colors</li>
<li>Dark Mode to WordPress Admin</li>
<li>Toggle Button Admin Settings</li>
<li>Toggle Post Editor Dark Theme</li>
<li>Works Perfect in all Modern Browsers</li>
<li>Well-Coded, Fast and Lightweight</li>
<li>Separate Options for Front and Admin</li>
<li>Many Advanced Options for Customization</li>
<li>Option to Turn On Dark Mode By Default</li>
<li>Auto-Match OS Theme on Initial Load</li>
</ul>
Dark Mode Toggle Pro offers additional features like switchable custom button labels, font sizes, and toggle button colors. You can even set any custom button for toggling the dark mode. It offers dark mode on admin pages as well. Plus, it can auto-matches the OS theme on initial load.
Check Pro Plugin – <a href="https://scriptstown.com/wordpress-plugins/dark-mode-toggle-pro/" title="Check Pro Plugin" rel="nofollow ugc">Click Here</a>

Dark Mode Toggle


I try some dark mode plugin, but i see your plugin Simple, fast, convenient and beautiful! I like that!


Simple, fast, convenient and beautiful

Bring dark mode toggle switch to your WordPress website. A simple switch to turn on and off the dark mode. Fast and easy to use.

ThemeAtelier

Foysal Imran

Darkify makes it easy to add a dark mode feature to your site with just a few clicks. The plugin lets visitors switch to a dark interface that can improve readability and comfort in low-light environments.
Dark mode can help reduce eye strain and support accessibility for users with light sensitivity or visual preferences. Darkify supports both the frontend and the WordPress admin dashboard so you can use a consistent dark interface across your site.
<h4>Why choose Darkify?</h4>
Darkify is a customizable dark mode plugin for WordPress sites. It provides a toggle for both the frontend and the WordPress admin dashboard and includes options to adjust colors, media, and visibility so your content remains legible in dark mode.
Dark mode is increasingly common across devices and applications because it can be more comfortable in low-light settings. Darkify offers an easy setup and controls to tailor the experience to your site’s design.
👁️<a href="https://darkifywp.com/" rel="nofollow ugc">Plugin Demo</a> | 🚀<a href="https://darkifywp.com/pricing/?ref=1" rel="nofollow ugc">Pro Version</a> | 👩🏼‍💻<a href="https://wordpress.org/support/plugin/darkify/" rel="ugc">Support</a> | 🌟<a href="https://wordpress.org/support/plugin/darkify/reviews/#new-post" rel="ugc">Rate this plugin</a> | 📖<a href="https://darkifywp.com/docs/" rel="nofollow ugc">Documentation</a>
<h4>Key Features of Darkify Dark mode Plugin</h4>
<ul>
<li>
Frontend Dark Mode: Activate dark mode on your website with one click. The plugin automatically adapts to your site’s layout for a consistent dark theme experience.
</li>
<li>
Admin Panel Dark Mode: Customize your WordPress backend with a smooth, modern dark mode theme designed for comfort and improved workflow.
</li>
<li>
Dark Mode by Default: Launch your website in dark mode by default while giving users the freedom to switch to light mode anytime they choose.
</li>
<li>
OS-Aware Dark Mode: Automatically matches the user’s operating system theme—dark or light—for a seamless, personalized browsing experience.
</li>
<li>
Time-Based Dark Mode: Set a custom schedule to automatically switch between light and dark mode based on your visitor’s local time zone.
</li>
<li>
Keyboard Shortcut: Instantly toggle dark mode with a simple keyboard command: Ctrl + Alt + D. The plugin can also auto-switch based on OS settings.
</li>
<li>
Multiple Floating Switch Designs: Select from various stylish floating switches to complement your website’s design and branding.
</li>
<li>
Customizable Switch: Customize the dark mode toggle with unique colors, sizes, and styles to ensure it aligns perfectly with your brand.
</li>
<li>
Switch in Menu: Add a dark mode toggle directly into your main navigation menu for easy access and better user experience.
</li>
<li>
Shortcode Switch: Use a simple shortcode to place the dark mode switch anywhere on your site—pages, posts, sidebars, or footers.
</li>
<li>
Color Presets & Customization: Choose from 8 beautiful pre-set color schemes or fully customize the color palette to match your brand identity.
</li>
<li>
Advanced Image Control: Enhance image presentation in dark mode with customizable brightness, contrast, and grayscale settings—perfect for inline SVGs and backgrounds.
</li>
<li>
Video Control: Use built-in video enhancement features to adjust brightness and grayscale, ensuring your video content looks great in dark mode across all devices.
</li>
<li>
Page Builder Compatibility: Fully compatible with top WordPress page builders like Elementor, Divi, WPBakery, Visual Composer, Beaver Builder, and Oxygen, making dark mode integration effortless.
</li>
<li>
Easy Settings Panel: Control all plugin features through a clean, intuitive settings dashboard that simplifies customization.
</li>
<li>
Multisite Support: Designed to work flawlessly across WordPress multisite networks—activate dark mode globally or per site.
</li>
<li>
Multilingual Ready: Built with translation support to easily localize the plugin for international or multi-language websites.
</li>
<li>
Theme Compatibility: Works out-of-the-box with any WordPress theme, ensuring smooth integration and consistent styling.
</li>
<li>
Developer-Friendly: Clean, well-documented codebase makes it easy for developers to extend, modify, and build upon the plugin.
</li>
<li>
SEO Optimized: Built with SEO best practices to ensure your website maintains optimal performance and visibility on search engines.
</li>
<li>
Cross-Browser Compatibility: Fully tested and functional on all major browsers, including Chrome, Firefox, Safari, Edge, Opera, and Internet Explorer.
</li>
<li>
Comprehensive Documentation & Tutorials: Step-by-step user guides and video tutorials are included to help you get started quickly and confidently.
</li>
<li>
Fast and Responsive Support: Get professional, responsive support from our expert team—whenever you need help.
</li>
</ul>
<h3>😍 WHAT OUR CUSTOMERS SAY ABOUT DARKIFY DARK MODE!</h3>
<blockquote>
<a href="https://wordpress.org/support/topic/switched-to-darkify-clean-smooth-dark-mode-that-just-fits-my-site/" rel="ugc"><code>🖤 Switched to Darkify — Clean, Smooth Dark Mode That Just Fits My Site</code></a> 
 I’ve tried several dark mode plugins over the past few years, including WP Dark Mode, Darklup, Dracula Dark Mode, DarkMySite, Darklooks, Dusky Dark Mode, Dark Mode Toggle, Dark Reader and a few lightweight CSS-only solutions. Many of them looked promising at first, but they always seemed to come with some trade-offs — either too heavy, too many ads in the admin panel, compatibility issues with Elementor/Gutenberg, or limited custom control. After switching to Darkify Dark Mode it’s the first time I’ve actually stuck with a dark mode plugin and didn’t feel the need to look for alternatives. – by @Monica Hayes
</blockquote>
<h3>Full Features & Setup Guide</h3>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/H51pgFm52LY?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<h4>Page Builder Compatibility</h4>
<ul>
<li>Gutenberg</li>
<li>WPBakery</li>
<li>Elementor</li>
<li>Beaver Builder</li>
<li>SiteOrigin</li>
<li>Divi</li>
<li>LayersWP</li>
<li>MotoPress</li>
<li>Cornerstone</li>
<li>Themify Builder</li>
</ul>
<h4>Compatible Themes (examples)</h4>
<ul>
<li>Hello Elementor</li>
<li>Astra</li>
<li>Divi</li>
<li>Kadence</li>
<li>Themify Ultra</li>
<li>OceanWP</li>
<li>Hestia</li>
<li>Inspiro</li>
<li>GeneratePress</li>
<li>Avada</li>
<li>Blocksy</li>
<li>Neve</li>
</ul>
<h3>PRO VERSION FEATURES</h3>
🎨 Design & Customization Options
<ul>
<li>
16+ Floating Switch Designs 
Choose from a diverse collection of floating switch styles to perfectly match your website’s look and feel. With over 12 design options, you’ll easily find the ideal toggle to fit your brand.
</li>
<li>
Draggable Switch Positioning 
Allow users to move the floating dark mode switch anywhere on the screen. This drag-and-drop flexibility ensures convenient access from any page or section.
</li>
<li>
Special Color Preset Customization 
Customize your dark mode theme with advanced color settings. Change link colors, border colors, form field styling, and button appearances to align with your brand identity.
</li>
<li>
Custom CSS for Dark Mode 
Add custom CSS styles that apply only in dark mode. This gives developers and designers complete control for fine-tuning the dark theme experience.
</li>
</ul>
🖼️ Media Handling
<ul>
<li>
Image Inversion 
Automatically invert specific images for better visibility in dark mode. Improve both aesthetics and accessibility without needing to edit the original assets.
</li>
<li>
Image Replacement 
Seamlessly replace specific images with dark-mode-optimized versions. Perfect for logos, banners, or illustrations that need a customized look in night mode.
</li>
<li>
Video Replacement 
Automatically swap videos with dark-friendly versions to maintain a consistent design across your website’s visual elements.
</li>
</ul>
🔧 Advanced Visibility Controls
<ul>
<li>
Allow / Disallow Elements 
Fine-tune your dark mode display by selecting which HTML elements or sections should use dark mode styling—and which should not.
</li>
<li>
Allow / Disallow Pages 
Choose which individual pages display dark mode. Exclude landing pages, checkout flows, or any special content for a fully tailored user experience.
</li>
<li>
Allow / Disallow Posts 
Decide which specific posts support dark mode. Maintain full editorial control over how your content appears across different post types.
</li>
</ul>
<h3>External services</h3>
Darkify uses <a href="https://appsero.com" rel="nofollow ugc">Appsero</a> SDK to collect some telemetry data upon user’s confirmation. This helps us to troubleshoot problems faster & make product improvements.
Appsero SDK does not gather any data by default. The SDK only starts gathering basic telemetry data when a user allows it via the admin notice. We collect the data to ensure a great user experience for all our users.
Integrating Appsero SDK DOES NOT IMMEDIATELY start gathering data, without confirmation from users in any case.
Learn more about how <a href="https://appsero.com/privacy-policy/" rel="nofollow ugc">Appsero collects and uses this data</a>.
<h3>OTHER AMAZING PRODUCTS FROM ThemeAtelier</h3>
➡️ <a href="https://wordpress.org/plugins/chat-help/" rel="ugc">WhatsApp Chat Help</a> – A WordPress plugin that allows website owners to easily add a WhatsApp chat bubble to their website and comes with Gutenberg, Elementor and Shortcode options.
➡️ <a href="https://wordpress.org/plugins/eventful/" rel="ugc">Eventful – Events Showcase For The Events Calendar</a> – Elevate your event management with this dynamic addon, enhancing ‘The Events Calendar’ with versatile layouts, advanced filtering, and user-friendly features for superior event showcasing.
➡️ <a href="https://wordpress.org/plugins/greet-bubble/" rel="ugc">Greet – Video Bubble Warm Welcome Plugin</a> – A powerful and user-friendly video bubble plugin for WordPress that provides website owners with the opportunity to create a dynamic and engaging welcome experience for their visitors.
➡️ <a href="https://wordpress.org/plugins/domain-for-sale/" rel="ugc">Domain For Sale</a> – Transform your unused domain names into cash with this easy-to-use plugin that provides a professional template, customizable options, and a contact form for effortless selling.
➡️ <a href="https://wordpress.org/plugins/eventful-for-elementor/" rel="ugc">Eventful for Elementor – Events Showcase For The Events Calendar and Elementor</a> – Elevate your event management with this dynamic addon, enhancing ‘The Events Calendar’ with versatile layouts, advanced filtering, and user-friendly features for superior event showcasing.

Darkify – Dark Mode for Better UX, Accessibility & Dark Theme Design

Add dark mode to your site and admin dashboard. Customizable, lightweight, and designed to improve accessibility and comfort.

Dark Mode Toggle vs Darkify – Dark Mode for Better UX, Accessibility & Dark Theme Design