Dark Mode Plugin for Better Accessibility, Dark Theme and Night Mode – WP Dark Mode

CREATE A STUNNING DARK MODE VERSION OF YOUR WEBSITE ✨

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.

Let’s grow, connect, and thrive together!

• 🤝 Join Our Facebook Community
• 🌐 Follow Us on X (Twitter)
• 🎥 Subscribe on YouTube
• 👍 Like Our Facebook Page

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

👁️ View Demo | 🚀 Get Ultimate | 🤝 Join Our Facebook Community

🔝 WP DARK MODE FEATURES

• 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.
• Default Dark Mode – Make dark mode the default mode of the website. Users will see the dark mode first after entering your website.
• Dark mode Elementor Widget – Place the dark mode switch on any page/post using the Elementor widget.
• Dark mode Gutenberg Block – Place the dark mode toggle on any page/post using the Gutenberg block.
• 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.
• 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.
• 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.
• Remember Dark Mode – Enable the plugin to remember users’ choices and automatically enable dark mode for visitors who used it before.
• Shortcode Support – Take advantage of the [wp_dark_mode_switch] shortcode to display the dark mode switch anywhere on your website.
• Low Image Brightness – Decrease the brightness and contrast of images in the dark mode.
• Accessibility Features – Toggle dark mode by using a keyboard shortcut (Ctrl + Alt + D) or using a URL/domain parameter.
• Dark Mode Toggle Animation – Choose the animation effect between dark/white mode among numerous options including Fade In, Pulse, Flip, and many more.
• 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.
• Exclude WP Dark Mode from Caching – Enable this feature to exclude WP Dark Mode from server-side caching and ensure a seamless dark mode transition.
• Device-wise Dark Mode Toggle – Easily choose where to display the dark mode switch: Desktop, Mobile, or Tablet.
• Dark Mode Analytics – Track how many times site visitors have used dark mode in a certain period from the analytics menu and your WordPress Admin Dashboard.
• 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.

👁️ View Demo | 🚀 Get Ultimate | 🤝 Join Our Facebook Community

⚡ GO BEYOND WITH WP DARK MODE ULTIMATE

• Schedule Dark Mode – Schedule a time for enabling dark mode on your website and take full control over your website’s appearance.
• Access 21 Dark Mode Floating Switch Styles – Get instant access to 21 stunning dark mode switch styles. Choose your preferred dark mode switch button for the users to toggle the dark mode.
• Customize Dark Mode Floating Switch Placement – Customize the placement of the dark mode switch. You can place it anywhere on your website.
• Time Delay Trigger for Floating Switches – Now you can set a time delay before the dark mode floating switch appears, giving visitors time to explore your site before the toggle shows up.
• Auto-Hide Switch with Timeout – Automatically hide the floating switch after a specified timeout, keeping your UI clean while still offering dark mode accessibility.
• Premium 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.
• 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.
• 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.
• Automatic Dark Mode Based on Sunset – Automatically enable dark mode based on your visitor’s time.
• 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.
• 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.
• Dark Mode-Based Image Replacement – Replace light-mode images with the different images you want in the dark mode.
• Dark Mode-Based Video Replacement – If your website has videos, you can replace them with something more fitting for dark mode.
• 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.
• Exclude Dark Mode on Certain Pages/Elements – Exclude specific pages/elements from changing into dark mode.
• 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).
• Exclude Post Tags & Categories – Exclude all the post tags from dark mode. Keep only the specific tags whitelisted for dark mode.
• Include Dark Mode on Custom Post Types – You can also enable dark mode only for specific post types, excluding all.
• Exclude WooCommerce Products & Categories – Exclude all the products and categories on your WooCommerce site from dark mode except the specific ones.
• Dark Mode Switch in Website Menu – You can display the dark mode switch as a menu item on any menu on your website.
• Font Size Toggle for Better Accessibility Make your WordPress website more accessible by resizing your font size (increase/decrease).
• 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.
• Choose Dark Mode Behavior – You can choose between loading dark mode or website content first by selecting these options.
• Scheduled Email Reporting on Dark Mode Usage – Get daily/weekly reports via email on the dark mode analytics of your website.

👁️ View Demo | 🚀 Get Ultimate | 🤝 Join Our Facebook Community

😍 WHAT OUR CUSTOMERS SAY ABOUT WP DARK MODE!

💙 Best dark mode plugin currently available!
I’ve always been a busy fan of dark mode and have tried diff plugins over the years including WP Dark Mode, Darklups, Dracula Dark Mode, DarkMySite, Darklooks, Darkify, Dusky Dark Mode, and bla blah. I started using WP Dark Mode back in 2021 and really loved how it worked on my site. I even tried custom code snippets – it was really fun!
But in mid 2023, I switched to Dracula because of its color compatibility. However, after WP Dark Mode’s recent updates and revamp, I decided to give it another try – and I’ve fallen in love with it all over again! The latest version really takes things up a notch and works perfectly with my site. Good work WP Dark Mode team.
– by @sharukhrakin

🤔 Why Choose WP Dark Mode?

WP Dark Mode is the #1 WordPress Dark Mode Plugin trusted by 20,000+ websites worldwide. It instantly adds a dark theme toggle for both frontend and WordPress admin, improving accessibility, user experience, and SEO performance.

Recent research shows:

• 81.9% of Android users use dark mode on their phones and apps.
• 82.7% of users enable dark mode at the operating system level.
• 79.7% of students prefer dark mode on their phones, and 61.7% want it on e-learning platforms.
• 64.6% of users expect websites to automatically support dark mode switching.
• 55–70% adoption among iOS users, depending on device and region.

With WP Dark Mode, your site is ready for this growing demand — offering seamless switching, stunning presets, accessibility tools, and analytics that keep your users engaged longer.

🔨 Page Builder Compatibility

WP Dark Mode works with all popular page builders, making it easy to add dark mode anywhere on your site:

• Gutenberg Block Editor
• Elementor Page Builder
• Divi Builder
• Beaver Builder
• Oxygen Builder
• SiteOrigin
• CornerStone
• Themify Builder
• MotoPress
• LayersWP
• WPBakery Page Builder
• Spectra
• Visual Composer
• …and more. Check the full list of compatible page builders.

Whether you build with Gutenberg, Elementor, or advanced builders, WP Dark Mode integrates flawlessly.

🎨 Theme Compatibility

WP Dark Mode is optimized to work with thousands of WordPress themes out of the box, including the most popular ones:

• Astra
• Divi
• Hello Elementor
• Neve
• Avada
• Kadence
• GeneratePress
• OceanWP
• Avada
• Blocksy
• Betheme
• The7
• Flatsome Theme
• BuddyBoss
• Hestia
• Inspiro
• Spacious
• Responsive
• Customizr
• ColorMag
• Phlox
• Photograph
• …and more. Check the full list of compatible themes.

No matter which theme you use, WP Dark Mode ensures a smooth, lightweight, and performance-friendly dark mode experience.

↔️ Slider Compatibility

WP Dark Mode is fully compatible with the most popular WordPress slider plugins:

• Revolution Slider
• Smart Slider 3
• Soliloquy Slider
• …and more. Check the full list of compatible sliders.

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!

🔥 More Awesome Plugins

If you like WP Dark Mode, then consider checking out our other awesome plugins:

• 🟢 Google Sheets to WP Table:
  Try FlexTable – 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. Try Flex Table now!

• 🔄 Manage WooCommerce Inventory from Google Sheets:
  FlexStock – Stock Sync with Google Sheet for WooCommerce | Auto-sync WooCommerce products from Google Sheets. Flex Stock is an easy, powerful, and simple inventory management system to handle your WooCommerce products.

• 🛒 Manage Order with Google Sheets:
  Try FlexOrder – Bulk Order Sync with Google Sheet for WooCommerce | Manage WooCommerce orders from Google Sheets. WooCommerce order sync, e-commerce order management, and sales order management with Google Sheets. Try Flex Order now!

• 💬 Form to Chat:
  Try FormyChat | Connect Form to Chat Apps with Contact Form 7, WPForms, Gravity Form | Welcome Popup & Multi-agent Live Chat

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.

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:

1. 

   WP Dark Mode

2. 

   Floating switch styles

3. 

   Inline Social Share buttons

4. 

   Dark Mode widgets

5. 

   OS aware Dark Mode

6. 

   Backend Dark Mode

7. 

   Dark Mode color presets

5.2.18 – 25 NOV 2025

• New: “Custom Triggers” added to Switch Settings, allowing users to assign their own elements or buttons.
• Improvement: Changed the Save button position from right to left.

5.2.17 – 19 NOV 2025

• New: Added AI-powered social share buttons including ChatGPT, Grok, Perplexity, Gemini, and Claude.
• Fix: In the “Manage Channels” section, when editing any social channel, the cursor automatically jumps to the beginning after typing a single letter.
• Fix: The “Hide/Show on PC/Laptop” and “Hide/Show on Mobile” features are not functioning correctly.

5.2.16 – 10 NOV 2025

• New: Introduced dark mode support for WordPress login, registration, and password reset pages, with the ability to inherit the site’s front-end dark mode settings (Default, OS-based, Time-based, Sunset).
• New: Added an option to exclude the login and registration pages from dark mode using the Exclude feature.
• New: Implemented a setting to control the visibility of the floating dark mode switch on the login and registration pages.
• Improvement: Enhanced compatibility with login customizer plugins (LoginPress, Theme My Login) and security plugins that modify the login URL.

5.2.15 – 30 OCT 2025

• Improvement: Improved the custom CSS flow for FREE users.

For older changelog entries, please see the additional changelog.txt file delivered with the plugin.