WP Dark Mode – Best Dark Mode Plugin for WordPress with Social Sharing

Description

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

WP Dark Mode works automatically without going into any complicated settings. 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 most convenient dark mode plugin for WordPress on the market.

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

👁️ 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 content across popular social media platforms. Social icons used with WP Dark Mode are optimized for dark theme and allows you to display cool-looking share icons including the Facebook share button, Twitter share button, and many popular free social icons. With Inline button customization, share count display, and live editor – display your preferred share button in style with WP Dark Mode.

WP DARK MODE FREE FEATURES

  1. Floating Switch Button – You can display a dark mode floating switch button in the footer of the website. Get WordPress dark mode with a single click.
  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 / Night Mode Toggle Switch – Dark mode switch lets your users easily toggle dark mode.
  4. Dark mode Elementor Widget – You can place the dark mode switch button on any page/post by using the Elementor widget.
  5. Dark mode Gutenberg Widget – You can place the dark mode toggle on any page/post by using the Gutenberg block.
  6. Automatic Dark Mode Switch Based on OS Theme – Automatically shows Darkmode if the OS preferred theme is dark
  7. Admin Panel Dark Mode – Enable dark mode on the WordPress admin panel/dashboard. Give your eyes a much-needed rest while working long hours.
  8. Presets Color Scheme – 2 exclusive preset color schemes are available to quickly change the dark mode color from the predefined presets.
  9. Remember Dark Mode – The dark mode remains saved once you activated the dark mode.
  10. Shortcode Support – Take advantage of the [wp_dark_mode_switch] shortcode to display the dark mode switch anywhere on your website.
  11. Themes Compatible – The plugin is compatible with the most popular WordPress themes without any issues. Compatibility includes Avada, Betheme, The7, Flatsome, Astra, BuddyBoss, Divi, OceanWP, and many more. Check the full list of compatible themes.
  12. Popular Page builder Compatibility – This plugin is compatible with Divi Builder, WP Bakery, Visual Composer, Beaver Builder, Oxygen Builder, and Elementor.
  13. Revolution Slider Compatible – This plugin is compatible with the revolution slider.
  14. Low Image Brightness – Decrease the brightness and contrast of images in the dark mode.
  15. Accessibility Features – Toggle dark mode by using a keyboard shortcut (Ctrl + Alt + D) or using a URL/domain parameter.
  16. Dark Mode Toggle Animation – Choose the animation effect between dark/white mode among numerous options including Fade In, Pulse, Flip and many more.
  17. 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 best dark mode plugin that supports dedicated social share buttons

👁️ View Demo | 🚀 Get the Premium Version

💰 WP DARK MODE ULTIMATE 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. Stylish Multiple Dark Mode 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.
  4. Custom Dark Mode Floating Switch Placement – You can display the dark mode switch button before any page/post.
  5. Preset Color Scheme – 13 exclusive ready-made dark mode color schemes are available to quickly change the dark mode color from the predefined presets.
  6. 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.
  7. Dark Mode-based Image Support – You can replace light mode images with the different images you want in the dark mode.
  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. Native WordPress widget – Place the dark mode widget using the native WordPress widget.
  10. Exclude Elements – You can exclude specific elements being affected by the dark mode by using the CSS selectors.
  11. Include Elements – Only the elements within the selectors are applied by dark mode.
  12. Exclude Dark Mode on Certain Pages/Elements – You can exclude specific pages/elements from changing into dark mode.
  13. Exclude Posts & Pages – You can exclude all the pages and posts on your website from dark mode except the specific ones (where you want dark mode).
  14. Exclude Post Tags & Categories – You can also exclude all the post tags from dark mode. Keep only the specific tags whitelisted for dark mode.
  15. Exclude Custom Post Type – You can also enable dark mode only for specific post types, excluding all.
  16. Exclude WooCommerce Products & Categories – Exclude all the products and categories on your WooCommerce site from dark mode except the specific ones.
  17. Dark Mode Usage Analytics – You can now learn how many users are loving the dark mode of your website from the admin dashboard.
  18. Custom Colors – You can customize the dark mode background. text and links color as you want.
  19. Dark Mode Switch in Menu – You can display the dark mode switch as a menu item in any menu on your website.
  20. Font Size Toggle – Make your WordPress website more accessible by resizing your font size (increase/decrease).
  21. Dark Mode Video Replacement – If your website has videos, you can replace them with something more fitting for dark mode with this setting enabled.
  22. 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

LEARN MORE

🔥 WHAT’S NEXT

If you like this WP Dark Mode plugin, then consider checking out our other projects:

🔄 Sheets To WP Table Live Sync – Google Sheets allows you to input data on your Google sheet and show the same data on WordPress as a table effortlessly.

📽️ Webinar & Video Conference with Jitsi Meet – Experience the best WordPress video conference plugin and live video chat solution. Get shortcode support with WooCommerce and BuddyPress integration.

🎥 Easy Video Reviews – Easy Video Reviews is the best and easiest video review plugin for WordPress. Your customers can record and send video testimonials right from their browser, and you can manage and showcase them anywhere on your WordPress website.

🔄️ Stock Sync with Google Sheet for WooCommerce – Auto-sync WooCommerce products from Google Sheets. An easy and powerful solution for WooCommerce inventory management, stock management, and bulk editing.

Privacy Policy

WP Dark Mode uses Appsero 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 Appsero collects and uses this data.

Additionally read the WPPOOL privacy policy.

Special Thanks

This plugin includes a modified version of a script from Dark Reader, an open-source browser extension licensed under the MIT license. We thank the Dark Reader team for their contribution to the open-source community. For more information about Dark Reader and their licensing terms, please visit https://github.com/darkreader/darkreader.

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.

  • WP Dark Mode - Best Dark Mode Plugin for WordPress with Social Sharing
  • Dark Mode Switch

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 PRO 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

23 di Mai dal 2023
This plugin delivers on everything: ease of use, compatibility, and effectiveness. I wish every plugin worked so well!
21 di Mai dal 2023
I only used this on the backend, so can't comment on the other features, but it appears it uses JS rather than CSS hooks to implement the dark mode, so the page loads in light mode, and only switches dark when the DOM is ready. In a dark room, it's quite uncomfortable. I do really like the dark mode though. Easy on the eyes, not too contrasty or too washed out. The loading in may not be a problem for everyone, but I get eye strain very easily when working long days, so it just didn't do the trick for me.
20 di Mai dal 2023
Werkt goed mag ook een ander logo worden voor donker of ligt
Read all 293 reviews

Contributors & Developers

“WP Dark Mode – Best Dark Mode Plugin for WordPress with Social Sharing” is open source software. The following people have contributed to this plugin.

Contributors

“WP Dark Mode – Best Dark Mode Plugin for WordPress with Social Sharing” has been translated into 5 locales. Thank you to the translators for their contributions.

Translate “WP Dark Mode – Best Dark Mode Plugin for WordPress with 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

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

  • Fix: Fixed WordPress 5.8 widget screen compatibility
  • Fix: Updated the Appsero namespace
  • Fix: Dark mode block switch alignment

2.1.2

  • Fix: Fixed triggers posts query
  • Fix: Excluded the default audio/ video player
  • Fix: Fixed lick color

2.1.1

  • New: Added posts exclude settings
  • New: Added RTL supports
  • New: Added new switch styles for choosing the fontsize + dark mode toggle
  • New: Added an option to add Dark Mode from the default WordPress menu
  • New: In light mode image / dark mode image – Added option to choose files from WP Media library
  • New: Added transition styles when page switch to Dark Mode from light mode via button click.
  • New: Added options to serve grayscale & lower brightness images when Dark Mode is on
  • Fix: Fixed exclude elements issue

2.1.0

  • New: Added exclude all pages except option
  • New: Added exclude all categories except option
  • New: Added exclude tags settings
  • New: Added exclude post types settings
  • New: Added exclude WC categories settings
  • New: Added exclude products settings
  • New: Added analytics and email reporting
  • New: Added pro & ultimate settings badge

2.0.9

  • Fix: Fixed dark mode flashing issue on frontend and backend
  • Fix: Fixed conflict with wpml & victim-core plugins

2.0.8

  • Fix: Fixed Firefox & Safari Dark mode not working issue

2.0.7

  • New: Add dark mode toggle gradual fade-in animation
  • Improvement: Reduce the dark mode flashing time

2.0.6

  • New: Added wptouch plugin compatibility
  • Fix: Fixed switch background color
  • Fix: Fixed IOS dark mode issue
  • Fix: Fixed Switch style 3

2.0.5

  • New: Added new switch
  • New: Added font-size toggle

2.0.4

  • New: Added new switch styles
  • New: Added switch attention effects
  • New: Added switch custom position
  • New: Added Call To Action Text
  • Fix: Fixed OS Aware Darkmode Color Change
  • Fix: Fixed Darkmode switch background transparency
  • Fix: Fixed Time Based Darkmode

2.0.3

  • Fix: Fixed the colors backwards compatibility
  • Fix: Fixed PHP error

2.0.2

  • Fix: Fixed the backwards compatibility
  • Improvement: Reduce Switch Mode Changing delay times

2.0.1

  • Fix: Fixed the backwards compatibility

2.0.0

  • New: Added Brightness Control Settings.
  • New: Added Contrast Control Settings.
  • New: Added Sepia Control Settings.
  • New: Added Recommended Plugins Page.
  • New: Added Keyboard Accessibility. Toggle darkmode by keyboard shortcut (Ctrl + Alt + D).
  • Update: Settings Page Moved to Top Level WP Dark Mode Page.
  • Update: Settings Page Tabs Refactored.
  • Update: Improved Dark Mode Overall Colors.
  • Update: Improved Background Image Overlay Issue.
  • Update: Improved Image Settings Functionality.
  • Update: Improved Custom CSS Functionality.

1.3.2

  • New: Add Low Image Brightness Settings

1.3.1

  • New: Added NextGen Gallery Plugin Compatibility
  • Update: Improved Gutenberg Editor Color Palettes
  • Update: Improved Background Image Replacement

1.3.0

  • New: Added Revolution Slider Compatibility

1.2.9

  • New: Add option to make dark mode as default mode
  • Fix: OS aware mode flashing issue
  • Fix: New tab dark mode issue fixed.
  • Improvement: Settings page refactored. Gutenberg Block, Elementor Widget, Switch Widget & Shortcodes tab move to get started tab.

1.2.8

  • Fix: Fixed exclude settings

1.2.7

  • Fix: Fixed the use of file_get_contents php error
  • Fix: OS Dark mode won’t be effective if user disable dark mode by the switch
  • Fix: Don’t display the Black Friday Offer Banner if user hide the banner

1.2.6

  • Fix: Remove Get PRO button from plugin action links if ultimate version is activated
  • Fix: Hide elementor dark mode switch if dark mode is disabled.
  • New: Added new admin notice banner for black friday offer.
  • Updated: Improved Existing Admin Backend Promo Popup.

1.2.5

  • Fix: Excludes Settings
  • Fix: Fixed the color palettes icons color

1.2.4

  • Fix: Fixed the excludes elements settings

1.2.3

  • Added: Flatsome theme supports added
  • Added: Avada theme supports added
  • Added: The7 theme supports added
  • Added: Betheme theme supports added
  • Added: Newspaper theme supports added

1.2.2

  • Fixed: Dark mode saving between tab switching

1.2.1

  • Added: Salient Theme Supports Added
  • Added: Astra Theme Supports Added
  • Added: Twenty Twenty Theme Supports Added
  • Added: Jannah Theme Supports Added
  • Added: OceanWP Theme Supports Added

1.2.0

  • Added: BuddyPress supports added
  • Fix: scss preprocessor class exits checking
  • Fix: OS aware mode delay

1.0.9

  • Added: New Black Color Scheme
  • Added: Option Added to Disable Dark Mode In The Frontend
  • Added: Buddypress Plugin Supports
  • Fix: Admin Darkmode Switch Style Fixed
  • Fix: Left Switch Position Style Fixed
  • Improvement: Removed jQuery scripts from backend

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