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.

Prince

SoftLab

Monzur Alam

Dracula Dark Mode effortlessly transforms your WordPress site into a visually stunning dark theme using an advanced dark mode algorithm. Designed to reduce eye strain, its adaptive interface seamlessly integrates with your website’s design, making it the ultimate dark mode solution.
<h3>VIDEO OVERVIEW</h3>
<iframe loading="lazy" title="Dracula Dark Mode - Enhanced Accessibility, Dark Mode & Reading Mode Plugin for WordPress" width="750" height="422" src="https://www.youtube.com/embed/yHs8OdK-TQo?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
👁️ <a href="https://softlabbd.com/demo-portal/?product=dracula-dark-mode" rel="nofollow ugc">Try Live Demo</a> | 🚀 <a href="https://softlabbd.com/dracula-dark-mode-pricing/" rel="nofollow ugc">Get PRO</a>
<h3>WHY CHOOSE DRACULA DARK MODE?</h3>
Dracula Dark Mode is more than just a dark theme plugin. You can change and see theme adjustments instantly, set different colors for separate pages, design a toggle button to fit your site’s look, and even enjoy a dark mode when editing your site.
Dracula Dark Mode makes it easy to add a dark mode to your website, seamlessly matching its design. Upgrade today for the best dark mode experience.
<h3>🔥FREE FEATURES:</h3>
✨ Multiple Color Generator Algorithms – Dracula Dark Mode comes with 2 different color generator algorithms Dynamic and Static to generate dark mode color schemes automatically.
🖥️ Site Frontend Dark Mode – Frontend dark mode refers to the implementation of a dark color scheme on a website frontend while users interact.
⚙️ Admin Dashboard Dark Mode – Dracula Dark Mode allows site admins to enable and use dark mode in their admin dashboard.
🔄 Auto Match OS Mode – Dracula Dark Mode automatically detect user’s device OS theme and can automatically enable website’s dark mode to match the dark mode setting on the user’s device.
🎨 Multiple Color Presets – Dracula Dark Mode plugin provides 3 color presets in the free version.
🌙 Default Dark Mode – Dracula Dark Mode allows you to set the dark mode as the default mode on your website.
🌗 Floating Dark Mode Toggle Button – Dracula Dark Mode features a floating dark mode toggle button that allows users to easily switch between the light and dark modes of a website.
❮❯ Toggle Button Shortcode – You can display the dark mode toggle button anywhere on your website using the [dracula_toggle] shortcode.
☰ Display Toggle Button in Menu – Dracula Dark Mode also allows to display the dark mode toggle button in any of your website navigation menu for an easy interacting & time-consuming dark mode enabling or disabling option for visitors.
🔲 Multiple Toggle Button Styles – Dracula Dark Mode provides 2 different toggle button styles in the free version.
📝 Classic and Block Editor Compatibility – Dracula Dark Mode is designed to be compatible with both the classic editor and the block editor to make the editing experience more comfortable.
💾 Save User Choice – If any user chooses dark mode on their last visit, the plugin will remember their preference and automatically load the same mode when they visit the website again.
🕒 Time Based Dark Mode – Dracula Dark Mode allows to schedule the dark mode based on the specific time of the day.
🎚️ Color Adjustments – Dracula Dark Mode plugin features advanced color adjustment options for its dark mode theme, including brightness, contrast, sepia and grayscale adjustments.
⌨️ Keyboard Shortcut – Dracula Dark Mode allows users to switch between light and dark mode using the keyboard shortcut <code>(Ctrl + Alt + D)</code>.
📐 Button Size Customization – Dracula Dark Mode allows you to customize the dark mode toggle button size as small, normal, large or even in a custom width and height of the button.
↕️ Button Position Customization – You can also set the custom position for the dark mode toggle button as on the left, right, or even can place the toggle button in a specific position.
🌙 Gutenberg Dark Mode Toggle Block – Embed a dark mode switch directly within the Gutenberg editor for easy reader access.
🌙 Elementor Dark Mode Toggle Widget – Add a dark mode toggle to your Elementor designs effortlessly.
<h3>🚀 PRO FEATURES:</h3>
📖 Reading Mode – Dracula Dark Mode provides a reading mode feature that allows users to read the content of a website in a distraction-free environment.
☀️ From Dark to Light – If your website has a dark theme default, you can also enable the dark to light mode switching option for your visitors.
🛠️ Custom Toggle Button Builder – Dracula Dark Mode provides a toggle button builder that gives you the ability to create a custom toggle button with your own design and style.
⚙️ Dark Mode Live Edit Widget – Dark Mode plugin features a live edit widget that allows users to customize the appearance of dark mode theme in real-time preview.
📑 Page-Specific Dark Mode Appearance – Dracula Dark Mode allows you to set and customize every page of your website separately with different dark mode color schemes, switch variations, typography styles, and many others settings.
🎨 24+ Color Presets – Dracula Dark Mode Pro provides 24+ color presets in the pro version.
🎨 Custom Colors – Dracula Dark Mode allows you to customize the dark mode color scheme with your own color choices to customize the dark mode background, text, links, buttons, and many other elements.
🔲 14+ Dark Mode Toggle Button Styles – Dracula Dark Mode offers 14+ styles for switching between light and dark mode.
🖼️ Image and Video Replacement – Dracula Dark Mode lets you replace the light-mode images and videos with different images and videos in dark mode.
🚀 Performance Mode – The Performance Mode feature improve the website’s loading speed by loading scripts in a deferred manner.
📝 Dark Mode Based Typography – Dracula Dark Mode allows you to set a different font family with a customized font size when dark mode is enabled to improve readability and legibility of their website.
🚫 Exclude Pages/ Posts – Dracula Dark Mode allows to exclude certain pages, posts or any custom post types from dark mode.
❌ Excludes Elements – You can also exclude certain sections and elements of the website from dark mode for having more control over their website’s dark mode experience.
📟 Custom CSS – Dracula Dark Mode allows you to customize the appearance of the website using custom CSS.
🔗 URL Parameter – Dracula Dark Mode allows you to enable/ disable dark mode by adding the darkmode=1 / darkmode=0 parameter to the website URL.
👆 Draggable Switch – You can also enable the draggable switch option to allow users to drag the floating dark mode toggle button to the desired position on the screen.
🕐 Show Delay Switch – Now you can control when the floating switch appears! Set a show delay so the toggle only becomes visible after a specific time, letting your visitors focus on your content before interacting with the switch.
💬 Tooltip Text – You can display custom tooltip text for the dark mode toggle button.
👥 User Roles based Dashboard Dark Mode – You can allow other users to use the dark mode color scheme on their admin dashboard by selectively certain user roles such as: Administrator, Editor, Author etc.
📊 Usage Analytics – Dracula Dark Mode provides a detailed usage analytics report that allows you to track the number of users who use the dark mode, how many times the dark mode is enabled/ disabled, and many other useful information.
🗒️ Dark Mode Page Transition Animation – Dracula Dark Mode allows you to set a page transition animation when dark mode is enabled/ disabled.
🔄 Toggle Switch Attention Effect Animation – Dracula Dark Mode allows you to set an attention effect animation for the toggle button to grab the attention of the users.
<h3>😍 WHAT OUR CUSTOMERS SAY ABOUT **DRACULA DARK MODE!**</h3>
<code>Best bang for the buck!</code>
<blockquote>
“I spent a couple months exploring other options before settling on a dark mode plugin. But, with DRACULA, I am definitely not settling. It’s cheaper and much more robust and useful and usable than the bigger names in the dark mode game. Happy I tried it out. 10/10” – The Open Market (@jhutson323)
</blockquote>
<h3>COMPATIBILITY</h3>
Dracula Dark Mode seamlessly integrates with numerous popular WordPress themes like Astra, Divi, and GeneratePress, as well as page builders like Elementor and Beaver Builder. It also supports popular plugins, including Yoast SEO, GravityForms, Contact Form 7, WooCommerce, and Easy Digital Downloads.
While the plugin is broadly compatible, occasional issues with certain themes or plugins might arise. These can often be fixed using the custom CSS feature. 
Should any compatibility concerns occur, our dedicated support team is on standby to assist promptly.
<h3>📚 DOCUMENTATION & SUPPORT</h3>
<ul>
<li><a href="https://softlabbd.com/docs-category/dracula-dark-mode-docs" rel="nofollow ugc">Documentation</a></li>
<li><a href="https://softlabbd.com/support/" rel="nofollow ugc">Support</a></li>
<li><a href="https://youtube.com/playlist?list=PLaR5hjDXnXZzB_t1OoEGai98qfwpYqRYD" rel="nofollow ugc">Video Tutorials</a></li>
<li><a href="https://softlabbd.com/dracula-dark-mode/" rel="nofollow ugc">Website</a></li>
</ul>
<h3>🔥 WHAT’S NEXT 🔥</h3>
Consider checking out our other plugins:
📁 <a href="https://wordpress.org/plugins/dracula-dark-mode/" rel="ugc">Integrate Google Drive</a> – Browse, Upload, Download, Embed, Play, and Share Your Google Drive Files Into Your WordPress Site.
📻 <a href="https://wordpress.org/plugins/radio-player/" rel="ugc">Radio Player</a> – Live Shoutcast, Icecast and Audio Stream Player for WordPress.
📝 <a href="https://wordpress.org/plugins/essential-addons-for-contact-form-7/" rel="ugc">Essential Addons for Contact Form 7</a> – 50+ Essential Fields, Features & Integrations Add-ons for Contact Form 7.
🎬 <a href="https://wordpress.org/plugins/soft-multimedia-player/" rel="ugc">Multimedia Player</a> – Audio & Video Player for WordPress with Playlist, Live Stream, and More.
<h3>Source Code</h3>
The source code for minified JS/CSS is available in the /src folder. 
Build using <code>npm run build</code>.

Dracula Dark Mode –  Accessibility, Reading Mode & Dark Mode for WordPress


It's a great start and the plugin is full of lots of features as well as nice user experience. Best of luck. Wishing from the heart.


Yes it's a Revolutionary


I have tested all the dark mode plugins available on WordPress.org with my theme. None of them worked perfectly and demanded all kinds of changes in the theme code to work. Bummer.



Dracula was the only one that worked instantly, simply by activating it. I was amazed and will recommend it to all my clients from now on.


The only one that worked flawlesly on the front-end


I tried a number of different dark mode plugins and this was the only one that got the colours correct on my website.



There are lots of settings I can use to hone it further, and I'm happy that there are no annoying nags or general take-overs of my back-end.


Excellent Plugin

Lightweight Dark Mode plugin for WordPress with a sleek toggle that enhances your site’s look and reduces eye strain for visitors.

Dark Mode Toggle vs Dracula Dark Mode – Accessibility, Reading Mode & Dark Mode for WordPress