WP Dark Mode – WordPress Dark Mode Plugin for Improved Accessibility, Dark Theme, Night Mode, and Social Sharing

Description

CREATE A STUNNING DARK MODE VERSION OF YOUR WORDPRESS WEBSITE – WITH JUST A FEW CLICKS ✨

WP Dark Mode instantly creates a dark mode version of your website without any complicated setup. Activate the plugin and your site visitors will experience a dark mode version of your website as per their preferred operating system preference. This is the easiest and highest-rated dark mode plugin for WordPress on the repository.

Check what popular WordPress expert Matt (WPress Doctor) thinks about WP Dark Mode.

πŸ‘οΈ View Demo | πŸš€ Get the Premium Version

πŸ” WP DARK MODE FEATURES

  1. Floating Dark Mode Switch – Display a dark mode floating switch in the footer of your website. The dark mode switch lets your site visitors easily toggle between dark mode and light mode.
  2. Default Dark Mode – Make dark mode the default mode of the website. Users will see the dark mode first after entering your website.
  3. Dark mode Elementor Widget – Place the dark mode switch on any page/post using the Elementor widget.
  4. Dark mode Gutenberg Block – Place the dark mode toggle on any page/post using the Gutenberg block.
  5. Apply Light or Dark Theme Based on OS Setting – WP Dark Mode can detect the user’s device theme (light mode or night mode) and automatically enables dark mode for your visitors to ensure a seamless website experience.
  6. Admin Panel Dark Mode – Enable dark mode on the WordPress admin panel/dashboard. Give your eyes a much-needed rest while working long hours by enabling dark mode on the default WordPress dashboard.
  7. Dark Mode Color Presets – 2 exclusive dark mode color presets are available to quickly change the dark mode color from the predefined preset. Give your website a brand new look and feel by changing the preset.
  8. Remember Dark Mode – Enable the plugin to remember users’ choice and automatically enable dark mode for visitors who used it before.
  9. Shortcode Support – Take advantage of the [wp_dark_mode_switch] shortcode to display the dark mode switch anywhere on your website.
  10. Themes Compatibility – WP Dark Mode is compatible with the most popular WordPress themes including Astra, Avada, Betheme, The7, Flatsome, BuddyBoss, Divi, OceanWP, and many more. Check the full list of compatible themes.
  11. Popular Page builder Compatibility – Experience compatibility with Divi Builder, WP Bakery, Visual Composer, Beaver Builder, Oxygen Builder, and Elementor.
  12. Revolution Slider Compatible – This plugin is compatible with the revolution slider.
  13. Low Image Brightness – Decrease the brightness and contrast of images in the dark mode.
  14. Accessibility Features – Toggle dark mode by using a keyboard shortcut (Ctrl + Alt + D) or using a URL/domain parameter.
  15. Dark Mode Toggle Animation – Choose the animation effect between dark/white mode among numerous options including Fade In, Pulse, Flip and many more.
  16. Social Share – Social share icons allow your website visitors to share your content with ease. With plenty of cool social media icon templates and share count displays, this is the only dark mode plugin that supports dedicated social share buttons.

πŸ‘οΈ View Demo | πŸš€ Get the Premium Version

⚑ GO BEYOND WITH WP DARK MODE ULTIMATE

  1. Schedule Dark Mode – Schedule a time for enabling dark mode on your website and take full control over your website’s appearance.
  2. Access 19 Dark Mode Floating Switch Styles – Get instant access to 19 stunning dark mode switch styles. Choose your preferred dark mode switch button for the users to toggle the dark mode.
  3. Customize Dark Mode Floating Switch Placement – Customize the placement of the dark mode switch. You can place it anywhere on your website.
  4. Prmeium Dark Mode Color Presets – 13 exclusive ready-made dark mode color presets are available to quickly change the dark mode color from the predefined presets.
  5. πŸ”₯ Preset Color Customization – Tailor your dark mode experience to perfection. Choose a preset and customize the color of every element, starting from the body and text to links, input fields, buttons, and even the scrollbarβ€”exactly the way you want.
  6. πŸ”₯ Create Custom Color Preset – Unleash your inner Picasso by creating and customizing your color presets. Dive into a palette of possibilities, shaping colors for every element – from the body to text and scrollbar.
  7. Automatic Dark Mode Based on Sunset – Automatically enable dark mode based on your visitor’s time.
  8. Custom CSS Support – With custom CSS you unleash the perfect dark mode version of your website. Customize specific sections/elements exactly how you want in dark mode.
  9. Dark Mode-based Image Support – Replace light mode images with the different images you want in the dark mode.
  10. πŸ”₯ Multiple Switch Options – Toggle between different dark mode switch options. Whether you need a menu switch, a floating switch, or a content switch for your posts/page, the power is on your end. Get a distinct switch style for every section.
  11. Custom Switch Support with Call-to-Action Customization – Upload a custom switch of your own choice and customize call-to-action text on your dark mode switch.
  12. Dark Mode-Based Image Replacement – Replace light-mode images with the different images you want in the dark mode.
  13. Dark Mode-Based Video Replacement – If your website has videos, you can replace them with something more fitting for dark mode.
  14. πŸ”₯ Adjust Brightness Level & Apply Grayscale Effect – Adjust your images and video’s brightness level while dark mode is enabled to get an immersive content viewing experience. You can also add a grayscale effect to your images/videos which comes with many health benefits including better sleep and reduced eye strain.
  15. Exclude Dark Mode on Certain Pages/Elements – Exclude specific pages/elements from changing into dark mode.
  16. Include Dark Mode on Selected Posts & Pages – Exclude all the pages and posts on your website from dark mode except the specific ones (where you want dark mode).
  17. Exclude Post Tags & Categories – Exclude all the post tags from dark mode. Keep only the specific tags whitelisted for dark mode.
  18. Include Dark Mode on Custom Post Types – You can also enable dark mode only for specific post types, excluding all.
  19. Exclude WooCommerce Products & Categories – Exclude all the products and categories on your WooCommerce site from dark mode except the specific ones.
  20. Dark Mode Usage Analytics – Learn how many users are using dark mode from your admin dashboard.
  21. Dark Mode Switch in Website Menu – You can display the dark mode switch as a menu item on any menu on your website.
  22. Font Size Toggle for Better Accessibility Make your WordPress website more accessible by resizing your font size (increase/decrease).
  23. πŸ”₯ Plenty of Performance Options – WP Dark Mode now comes with multiple performance settings, putting complete control at your fingertips. By using these features, you can improve page loading performance and track dynamic content.
  24. πŸ”₯ Choose Dark Mode Behavior – You can choose between loading dark mode or website content first by selecting these options.
  25. Usage Analytics Email Reporting – Get daily/ weekly reports via email on the dark mode usage analytics of your website.

πŸ‘οΈ View Demo | πŸš€ Get the Premium Version

WP Dark Mode works flawlessly across all operating systems including Windows, Android, iOS, and macOS. No additional setups are required. This dark mode plugin intelligently detects device preferences and dynamically delivers a handcrafted, expert-designed dark theme experience for your readers. A quick and easy step to add a dark mode toggle to your website to toggle between dark and light mode anytime you want.

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. WordPress dark mode is now super easy!

WHY CHOOSE WP DARK MODE?

We developed WP Dark Mode to ensure a strain-free website experience for both you and your website visitors. We are very proud that thousands of users are finding great value in using our plugin.

Hear it from your users

kmdenterprises (@kmdenterprises) ⭐⭐⭐⭐⭐
Dark mode is just a requirement for everything these days. Thank you so much for this great plugin… I can write posts at night now without making my eyes bleed. 😁

eibhlin (@eibhlin) ⭐⭐⭐⭐⭐
I added this plugin to my websites and my traffic (and how long people stay at my site) instantly went up. So, this plugin gets a five-star review. Thanks!

cantonjester (@cantonjester) ⭐⭐⭐⭐⭐
The Light/Dark toggle works like you want it to. If all things WP-related were this simple and effective, there’d be world peace!

More Reviews of WP Dark Mode – You’re Missing Out!


SOCIAL SHARE FOR DARK MODE WEBSITES

With plenty of social media icons, WP Dark Mode makes it easier to share your website …

Screenshots

  • WP Dark Mode
  • Floating switch styles
  • Inline Social Share buttons
  • Dark Mode widgets
  • OS aware Dark Mode
  • Backend Dark Mode
  • Dark Mode color presets

Blocks

This plugin provides 2 blocks.

  • Dark Mode Switch
  • WP Dark Mode - WordPress Dark Mode Plugin for Improved Accessibility, Dark Theme, Night Mode, and Social Sharing

Installation

  1. After activating the plugin by default your website will turn into a dark theme for your users if the Operating System of the users sets into a dark theme.
  2. You can use the 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 about how to use it.
  3. If you want to disable the OS-aware dark mode functionality, navigate to your Admin Dashboard > Settings > WP Dark Mode and turn off the β€œEnable OS-aware Dark Mode” switch button.

You can also follow our video tutorial:

FAQ

How can I show the dark mode switch?

You can display a dark mode 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 Ultimate version, you can also display the switch button on the top of every post/ page. You can choose the style of the switch button from different switch styles.

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

This plugin provides [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 on your website. This shortcode supports an optional style attribute for the switch style.
Example – [wp_dark_mode_switch style="3"]

Does this plugin support any dark mode image?

Yes, it supports dark mode images.

Can we use it with Gutenberg?

Yes, you can place the switch button on 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 on 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 the 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 on 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_switch] shortcode to display the dark mode switch button on 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.

Can I toggle the dark mode/ light mode by using a keyboard?

Yes, You can toggle the dark mode/ light mode by keyboard shortcut (Ctrl + Alt + D).

Reviews

❄️2️⃣ 27, 2024 1 reply
This plugin WAS the perfect Dark Mode plugin. But after the recent Feb 20, 2024 update, it broke a lot of things and it's not as awesome anymore compared to the previous version. I uninstall it. Now the dark mode, is just black and white with ugly white borders on other boxes. The buttons look horrible. Images doesn't invert anymore. It just breaks everything on my site. And almost for access to all the options, now we need to buy Premium. I hated this new version. Now, I need to search a similar plugin.
❄️2️⃣ 23, 2024 1 reply
Was the perfect dark mode plugin back them. But after the recent Feb 20, 2024 update, it broke a lot of things and it's not as awesome anymore compared before. I wish I can downgrade. Now the dark mode, is just black and white with white borders on other boxes. Images doesn't invert anymore. It just breaks everything on our site.
❄️2️⃣ 5, 2024
Lovely and simple thing. Thank You Creators.
Read all 336 reviews

Contributors & Developers

“WP Dark Mode – WordPress Dark Mode Plugin for Improved Accessibility, Dark Theme, Night Mode, and Social Sharing” is open source software. The following people have contributed to this plugin.

Contributors

“WP Dark Mode – WordPress Dark Mode Plugin for Improved Accessibility, Dark Theme, Night Mode, and Social Sharing” has been translated into 7 locales. Thank you to the translators for their contributions.

Translate “WP Dark Mode – WordPress Dark Mode Plugin for Improved Accessibility, Dark Theme, Night Mode, and Social Sharing” into your language.

Interested in development?

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

Changelog

5.0.1 – FEB 28 2024

  • Fix: Dark Mode colors now correctly override default colors when Automatic Mode is ON.
  • Fix: Header images disappear on some templates and themes.
  • Fix: Dark Mode is not applied automatically when System Dark Mode is ON.

5.0.0 – FEB 20, 2024

  • New (Introduced New UI πŸ”₯): We’ve revamped the WP Dark Mode’s look and feel, making the admin panel more modern and user-friendly.
  • New (Added Preset Color Customization): Admins can now customize all the color presets, giving more control over the website’s appearance.
  • New (Introduced Custom Color Preset): The admin can create unlimited custom color presets and change the color of the website elements including body, link, text, button, scrollbar, and many more.
  • New (Media Color Correction): The brightness and grayscale effect of images and videos are now adjustable. Also, the admin can exclude specific images and videos from being affected by these settings.
  • New (Shortcode Helper): Without any prior coding knowledge now admin can choose among different switches, and copy and paste the shortcode into their posts, pages, and widgets.
  • Improvement (Enhanced Performance Mode): Performance mode is the mechanism of how the WP Dark Mode script executes in the front end. Now admin can choose performance mode according to their preference and keep their website healthy, smooth, and secure.
  • Improvement (Customizable Typography Settings): Typography can be now customizable to adjust the font size of accessibility switches. No more static font size ratio.
  • Fix(Flashing/blinking Issue on Frontend): The flashing issue while page loading has been fixed. The dark mode transition is now much smoother while using the floating switch or switching between pages.
  • Fix(Theme Compatibility): WP Dark Mode is compatible with thousands of WordPress themes and plugins by default. However, we have fine-tuned each element for the most popular WordPress themes and plugins like, Neve, Astra, Divi, GeneratePress, Customizr, Phlox, Hello Elementor, Avada, The7, ColorMag, OceanWP, Photogragh, Betheme, Flastsome, BuddyBoss Theme and Platform, Spacious, Responsive, Hestia, and many more.

4.2.9 – JAN 29 2024

  • [Improvement] Added smooth upgrading bridges for beta release.
  • [Fixed] Upgraded all ultimate features for premium users.

4.2.8 – JAN 01 2024

  • [Fixed] Affiliate Notice appears after closing.
  • [Fixed] Dark Mode Videos are not applying on initial page load.

4.2.7 – DEC 21 2023

  • [Fixed] Fixed β€˜Settings page blank’ issue for high-performing websites

4.2.6 – NOV 08 2023

  • [Fixed] Checked compatibility with WordPress 6.4

4.2.5 – NOV 02 2023

  • [Fixed] Fixed Fatal Error calling set_campaign method on null

4.2.4 – OCT 25 2023

  • [Fixed] Minor issues & bugs

4.2.3 – SEP 20 2023

  • [Fixed] Multi-site compatibility
  • [Fixed] Dark Mode switch appears on Gutenberg Block Editor
  • [Fixed] Dark Mode color palettes on Block Editor Toolbar

4.2.2 – SEP 5 2023

  • [Fixed] Fixed exclude posts and pages

4.2.1 – AUG 10 2023

  • [Improvement] Checked and improved compatibility with WordPress 6.3

4.2.0 – July 6 2023

  • [Fixed] Dark Mode switch label typography style

4.2.0 – July 6 2023

  • [Fixed] Dark Mode switch label typography style

4.1.9 – July 5 2023

  • [Fixed] Dark Mode toggler inside Block Editor
  • [Fixed] Button and Icon color contrast ratio
  • [Fixed] Spelling mistake on changelogs
  • [Fixed] Mismatch between switch element accessibility

4.1.8 – June 19 2023

  • [Fixed] Fixed license integration for Ultimate Single Site
  • [Fixed] Restored front-end css map

4.1.6 – June 06 2023

  • [Fixed] Minor issues & bugs

4.1.5 – May 02 2023

  • [Fixed] Dark mode images not saving on Ultimate Single Site
  • [Improvement] Added special thanks to core script contributor
  • [Improvement] Enhanced readme assets for better visualization

4.1.4 – April 12 2023

  • [Improvement] Enhanced readme assets for better visualization

4.1.3 – April 05 2023

  • [Fixed] Admin notices for reviews will not be appear again once it’s closed
  • [Fixed] Minor issues & bugs

4.1.2 – April 03 2023

  • [Fixed] Minor issues & bugs
  • [Improved] Dark mode image performance
  • [Improved] Reverted old promotional popup mechanism

4.1.1 – MAR 28 2023

  • [Improve] Checked compatibility with WordPress 6.2
  • [Fixed] Minor issues and improved performance

4.1.0 – MAR 20 2023

  • [Fixed] dismissable notice for Affiliate program

4.0.9 – MAR 14 2023

  • [Fixed] Alert modal position fixed. Now alert will be shown top with highest zindex.
  • [Fixed] Checked and fixed some of the old files compatibility with php 5.6

4.0.8 – FEB 28 2023

  • Fix: Fixed blinking/lightening on frontend.
  • Fix: Fixed RTL support for both frontend and backend.
  • Fix: Fixed import/export functionalities. Now custom CSS can be imported and exported.
  • Improve: Improved shortcode section, checked and fixed backward compatibility.

4.0.7 – FEB 22 2023

  • Removed Sweetalert2 and added custom alert functionality
  • Reverted RTL support
  • Fixed minor issues and improved performance

4.0.5 – FEB 12 2023

  • Fixed minor issues and improved performance

4.0.4 – JAN 26 2023

  • FIXED: Updated promotional popup template

4.0.3 – JAN 24 2023

  • FIXED: Removed fetching offer data from Google Sheet

4.0.2 – JAN 12 2023

  • FIXED: Conflicting with other WPPOOL plugins
  • FIXED: Updated all third-party assets

4.0.1 – 04 JAN 2023

  • Fixed minor issues and improved performance

4.0.0 – 03 JAN 2023

  • FIXED: All security issues has been resolved
  • IMPROVE: Strickly followed PHPCS and WPCS as coding standard
  • FIXED: Three shortcode can be used now on free version
  • FIXED: Dark mode can be used on Elementor and Gutenberg block editor

3.0.6 – 28 DEC 2022

  • Fixed wppool sdk missing fatal error.

3.0.5 – 27 DEC 2022

  • Fixed minor issues and improved performance

3.0.4 – 15 DEC 2022

  • Fixed minor issues and improved performance

3.0.3 – 29 NOV 2022

  • Fixed minor issues and improved performance

3.0.2 – 03 NOV 2022

  • Fixed minor issues and improved performance

3.0.1 – 04 OCT 2022

  • Fixed minor issues and improved performance

3.0.0 – 15 SEP 2022

  • New: Added Social Share feature

2.4.1 – 15 SEP 2022

  • Fixed minor issues and improved performance

2.4.0 – 04 SEP 2022

  • Fixed minor issues and improved performance

2.3.9 – 16 AUG 2022

  • Fixed minor issues and improved performance

2.3.8 – 16 AUG 2022

  • Fixed minor issues and improved performance

2.3.7 – 03 AUG 2022

  • Fixed minor issues and improved performance

2.3.6 – 03 AUG 2022

  • Fixed Divi theme mobile menu compatibility

2.3.5 – 28 JUL 2022

  • Fixed minor issues and improved performance

2.3.4

  • Fixed minor issues and improved performance

2.3.3

  • Fixed minor issues and improved performance

2.3.2

  • Checked and fixed compatibility with WordPress 6.0

2.3.1

  • Fixed minor issues and improved performance

2.3.0

  • Fixed minor issues and improved performance

2.2.9

  • Checked and fixed regular compatibility checking
  • Fixed contact subscription issue

2.2.8

  • Improved Promotional Popup

2.2.7

  • Improved frontend performance

2.2.6

  • Made WordPress 5.9 compatible

2.2.5

  • Fixed PHP fatal error issue on older versions of PHP

2.2.4

  • Fix: Fixed switch accessibility in Block Editor and Elementor Editor
  • Fix: Fixed Brave browser issue

2.2.3

  • Fix: Fixed force dark mode issue compatibility with other plugins
  • Fix: Fixed backend dark mode issue

2.2.2

  • Fix: Fixed user preferences on frontend
  • Fix: Fixed customizer breaking issue on backend
  • Improvement: Improved UI and reduced logical gap

2.2.1

  • Fix: Fixed default dark mode switch style
  • Fix: Fixed time-based dark mode feature

2.2.0

  • New: Added Utility tools to import, export and reset settings
  • Improvement: Improved script errors and warnings

2.1.9

  • Fixed minor issues and improved performance

2.1.8

  • Fix: Fixed WooCommerce product exclude issue
  • Fix: Fixed tags exclude query issue

2.1.7

  • Fix: Fixed gutenberg editor darkmode

2.1.6

  • New: Added performance mode settings
  • Fix: Fixed default dark mode issue
  • Fix: Fixed missing i18n translation strings
  • Fix: Fixed 404 page excludes
  • Fix: Fixed exclude posts

2.1.5

  • New: Added video replacement
  • Fix: OS Aware dark mode flashing issue
  • Fix: Fixed colors settings slider
  • Fix: Fixed exclude home and blog page
  • Fix: Added dark mode video settings

2.1.3