WP Dark Mode

Description

Use WP Dark Mode to enable a stunning dark mode theme for your WordPress website. WP Dark Mode works automatically without going into any complicated settings.

Just activate the plugin and your users will experience a dark mode version of your website as per their preferred operating system preference.

👁️ View Demo | 🚀 Get The PRO Version | 👩🏼‍💻 Get Support

Works across all operating systems including Android, iOS, macOS. No settings needed. The plugin intelligently detects device preferenc and dynamically delivers a hand crafted, expert designed dark mode experience for your readers.

Just activate dark mode on your device, and browse the website to experience a magically transformed dark mode of your website.
WP Dark Mode supports all major operating systems including iOS, Android, macOS or Windows 10.

WP Dark Mode Features

  1. Floating Switch Button – You can display a darkmode floating switch button in the footer of the website.
  2. Darkmode Elementor Widget – You can place the Dark Mode switch button into any page/post by using the (Dark Mode Switch) elementor widget.
  3. Darkmode Gutenberg Widget – You can place the switch button into any page/post by using the (Dark Mode Switch) gutenberg block.
  4. Auto Match OS Theme – Automatically shows Darkmode if the OS prefered theme is dark
  5. Available in Backend – You can enable the dark mode in the back end admin page.
  6. Presets Color Schema – 2 exclusive presets color schema available to quickly change the dark mode color from the predefined presets.
  7. Dark Mode Switch – Dark mode switch button to toggle the darkmode.

💰 WP Dark Mode Pro Features

  1. All Free Features
  2. Time Based Dark Mode – Your website will turn into dark mode based on the local time of the user
  3. Multiple Dark Mode Switch Style – You can display multiple dark mode switch button style for the users to turn on-off the dark mode.
  4. Shortcode Supported – You can use [wp_dark_mode_switch] shortcode to display the dark mode switch button in any page/post
  5. Above Post/Page Content – You can display the dark mode switch button before any page/post.
  6. Darkmode Switch Widget – You can place the darkmode switch button using the WP Dark Mode Widget.
  7. Presets Color Schema – 5 exclusive presets color schema available to quickly change the dark mode color from the predefined presets.
  8. Excludes Elements – You can excludes specific elements being affected by the darkmode by using the CSS selectors.
  9. Excluded Pages – You can excludes specific pages from darkmode.

🚀 Get The PRO Version | 👩🏼‍💻 Get Support

💰 WP Dark Mode Ultimate Features

  1. All Pro Features
  2. Custom Colors – You can customized the darkmode background. text and links color as you want/
  3. Presets Color Schema – 10 exclusive presets color schema available to quickly change the dark mode color from the predefined presets.
  4. Dark Mode Based Image Supports – You can replace light mode images with different image you want in the dark mode.
  5. Custom CSS – You can use custom CSS only for darkmode.

🚀 Get The Ultimate Version | 👩🏼‍💻 Get Support

LEARN MORE

How to Use

After activating the plugin by default your website will turn into darkmode for your users if the Operating System of the users sets into dark theme.

You can use show/hide dark mode switch in many different ways like Gutenberg block, Elementor widget or Shortcode. Please refer to the FAQ section to learn more how to use.

If you want to disable the OS aware darkmode functionality, Then navigate to your Admin Dashboard > Settings > WP Dark Mode turn off the “Enable OS aware Dark Mode” switch button.

Screenshots

  • Default Dark Mode Color Scheme
  • General Settings
  • Advanced Settings
  • Display Settings
  • Image Settings
  • Ready made color presets & customizing options
  • Custom CSS only for darkmode
  • Dark mode switch widget
  • Dark mode switch gutenberg block
  • Dark mode switch elementor widget

Blocks

This plugin provides 1 block.

wp-dark-mode/switcher
Dark Mode Switch

FAQ

How can I show dark mode switch?

You can display a darkmode floating switch button in the footer all over the website by turning on the “Show Floating Switch” settings from the WP Dark Mode general settings.
And in the PRO version you can also display the switch button on the top of every post/ page. You can choose style of the switch button from different switch styles.

How can I show the Dark Mode ON/ OFF control switch button using shortcode?

This plugin provide [wp_dark_mode_switch] shortcode to display the dark mode switch . Using the [wp_dark_mode_switch] shortcode, you can place the dark mode switch button anywhere in your website. This shortcode supports an optional style attribute for the switch style.

Example[wp_dark_mode_switch style="3"]

Does this plugin support dark mode image?

Yes ,it supports the dark mode images.

Can we use it with Gutenberg?

Yes, you can place the switch button into any page/post by using the (Dark Mode Switch) gutenberg block.

Can we use it with Elementor?

Yes, you can place the Dark Mode switch button into any page/post by using the (Dark Mode Switch) elementor widget.

Can we display the dark mode switch button in any page or post?

Yes, You can display the dark mode switch button before any page/post.

Can we change dark mode color from predefined presets?

Yes, using the ready-made color schema you can quickly change the dark mode color.

Does dark mode work for the backend page?

Yes, you can enable dark mode in the back end of the admin page.

Where will the dark mode switch button be visible in any page or post?

You can use [wp_dark_mode] shortcode to display the dark mode switch button in any page/post.

Is this plugin compatible with all modern browsers?

Yes, We have tested this plugin in all modern browsers (Safari, Chrome, Firefox, Edge etc) works without any issue.

Do I need to know any programming language for using this plugin?

No. WP Dark Mode is a very user-friendly and simple plugin. Just download and use it accordingly.

Reviews

September 13, 2020
Just installed the pro version after testing the free version. I am so glad I went with this plugin over other options. It "JUST WORKS!". I had a few questions before purchase and support was easy to reach and quick to respond! After purchase support team went above and beyond to assist me in getting the plugin configured for my needs! Thank you WPPool. Great plugin, great support. Couldn't ask for a better option!
August 25, 2020
Had issues at first but it was my problem. It loaded fine, but when I went to visit a page on mobile, it was in dark mode and kept staying in dark mode on refresh. But it turns out the system on android was set to dark, so websites invoke it automatically too. Once I figured that out, it worked as intended. The dev was responsive too, very good support. Will install on all websites.
August 19, 2020
This is seriously the best plugin for a flawless Dark Mode in WordPress Front AND Backend. They really put in the effort to make this great! Thank you, Lorenzo PS: I had a new feature request and they implemented it within a week! AMAZING! <3
July 28, 2020
Update 27th July 2020 5 Stars Within 24 hours, my issue was resolved. I highly recommend using this plug-in and if you have any issue, they will resolve it very fast. Now that I got it to work, I have had a better chance to play around with it. The closest thing I can find to compare it to are dark mode browser exertions. I compared it to all the highest rated browser extensions in Chrome and Firefox. It did a better job of choosing the correct colours and images than all the browser extensions except "Dark Reader" by Alexander Shutau which is absolutely amazing. SMALL BUG FOUND: When you go to the Plugins tab on Dashboard and go to the "WP Dark Mode" Plugin, Select "View Details". While the Plugin is [active] it says "Warning: this plugin has not been tested with your current version of WordPress." When the Plugin is [Deactivated] there is no problem. ***RESOLVED*** Reviewed 26th July 2020 (Using with Elementor) They have made a plugin that nobody else has made. I like it when a website follows the "Windows 10 Dark Mode". I'm looking forward to seeing what other updates they come up with over the next couple of months. At the time of my review the last update was 3 days ago, so that is always good to see. Well done, keep up the good work. (I prematurely gave it 5 Stars but after working with it, I have edited my review) The reason I gave it 2 stars is that it displays a solid colour behind the text in my header image and I have tried everything to fix it but I already have it set to transparent. The second issue I have is that when I am editing in Elementor all my images disappear so I have to deactivate the plugin when I am using the "Elementor" page builder. I went to see if these issues would resolve in the pro version. When I went to make the purchase their website had no method to make a purchase. The pro version is also overpriced from a cost-benefit point of view. However, they may have the prices over-inflated to temporarily put people off making a purchase because they don't have a fully functional website yet. For now, I have deleted it, but I will check back in a few months because I do like the concept. I will also update my review then too. But for now, I want to allow people to read this and save 30/40 minutes of your time installing it, trying to get it to work followed by having to delete the plugin.
Read all 5 reviews

Contributors & Developers

“WP Dark Mode” is open source software. The following people have contributed to this plugin.

Contributors

Translate “WP Dark Mode” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.0.8

  • New: Add WooCommerce Plugin Support
  • New: Add RankMath Plugin Support
  • Update: Removed jQuery scripts from frontend

1.0.7

  • New: Added gutenberg editor color scheme
  • New: Added new darkmode color schme
  • New: Added new switch style
  • New: Added excluded pages settings (PRO)
  • New: Added 5 exclusive color scheme (PRO)
  • New: Added 10 exclusive color scheme (Ultimate)
  • New: Added custom css only for dark mode (Ultimate)
  • Fix: Fixed default mode as dark mode
  • Fix: Fix multiple images in darkmode image settings (Ultimate)

1.0.6

  • default dark mode fixed
  • fixed GET PRO link
  • updated FAQ section

1.0.5

  • Fix Safari bug issue
  • Add Dark mode image settings in the ultimate version
  • Fix css before / after icon color
  • Fix darkmode delay on the page load
  • add new switch button style

1.0.4

  • Fix: Fixed “Show Floating Switch” settings
  • Fix: Fixed “Enable OS aware Dark Mode” settings
  • Fix: Remember Darkmode
  • Fix: rest api “register_rest_route” function notice error

1.0.3

  • New: Add dark mode floating switch

1.0.2

  • New: Exclude Elements those have Background Image
  • New: Exclude Elements by CSS selectors.

1.0.1

  • New: Add Darkmode Switch ELementor Widget.
  • New: Add Darkmode Switch Gutenberg Block.
  • Fix: Fixed The Image Negative Changes on The Darkmdoe.

1.0.0

  • Initial Release