Droit Dark Mode


Droit Dark Mode Plugin is a great way to create a stunning dark version of your website and dashboard – easily and effectively. This Plugin allows you to turn enable/disable the dark mode option from the dashboard with tons of settings. It enables you to turn on/off dark mode in your website without lots of efforts, hassle or coding.

This plugin is very much user friendly, fully compatible to all browsers, operating systems and devices.

👁️ View Demo | 👑 Get The PRO Version | 👍 Get Support

Droit Dark Mode Free Features

  1. Multiple Switch Styles – Comes with multiple switch styles that you can choose from and use on your website
  2. Floating Switch Button – Floating switch button can be shown anywhere in the body of your website.
  3. Set Default Mode – You can set the dark mode in your website as the default (first time) view.
  4. Switch Elementor Widget – Switch Button can be placed on the content of any post/page by using the Elementor widget.
  5. Switch Gutenberg Block – Switch Button can be placed on the content of any post/page by using the Gutenberg block.
  6. Dashboard Dark Mode – Your WordPress admin panel/dashboard can also be made dark.
  7. Multiple Color Presets – 10+ exclusive color presets are available to quickly change the dark mode color from the color palette.
  8. Dark Mode Saved – Your choice of dark/light mode is saved by default once you set which mode to turn on.
  9. Theme Compatibility – Dark Mode plugin is compatible with all major themes out in the market, so you are well covered!
  10. Set Dashboard Color Preset – You can set color preset for admin dashboard based on your browser.
  11. Body Position Options – Set switch at different positions in your websites (left-top, left-bottom, right-top. right-bottom, center-bottom, center-top and so on).

👑 Droit Dark Mode Pro Features

  1. All Features of Free version
  2. Image Brightness – Increase/decrease brightness of images in your website.
  3. Image Opacity – Increase/decrease opacity of images in your websites.
  4. Image Contrast – Increase/decrease contrast of images in your website.
  5. Specific Page – You can enable/disable dark mode and set different color palette on individual pages.
  6. Specific Post – You can enable/disable dark mode and set different color palette on individual posts.
  7. Specific Category – You can enable/disable dark mode and set different color palette on individual categories.
  8. Specific WooCommerce Products – You can enable/disable dark mode and set different color palette on individual products.
  9. Specific Content – Display the dark mode switch button before/after content for any kind of page/post type.
  10. Set Timer For Dark Mode – Dark mode will be turned on or off based on the time you set.
  11. Dark Mode Using Shortcode – Use [drdt_dark_mode] shortcode to display the dark mode switch button on anywhere of your websites.
  12. Dark Mode Switch Widget – Using the WP Dark Mode Widget you can place the dark mode switch button.
  13. Different Images For Dark Mode – You can set different images for dark mode and light mode separately.
  14. Add Button To Primary Menu – You can add Dark Mode switch button into the primary menu.
  15. Exclude Specific Elements – Using the CSS selectors you can exclude specific elements that are affected by the dark mode.
  16. Include Specific Elements – Similarly, using the CSS selectors you can include specific elements that are affected by the dark mode.
  17. Custom color – You can set custom color for all headings, paragraphs, links, buttons and other UI elements.
  18. Custom Switch Text – You can customize the dark/light text of the Dark Mode switch.


  • Basic Settings for Dark Mode
  • Display Settings Dark Mode
  • Advanced Settings
  • Preset Color Palette
  • Dark Mode replace image
  • Time Base Dark Mode


This plugin provides 1 block.

  • Droit Dark Mode


There are a few options for installing and setting up this plugin.

Upload Manually

Step 1: Download and unzip the plugin.
Step 2: Upload the ‘droit-dark-mode.zip’ folder into the ‘/wp-content/plugins/’ directory
Step 3: Go to the Plugins admin page and active the plugin.

Install Via Admin Area

Step 1: In the admin area go to Plugins > Add New and search “Droit Dark Mode”
Step 2: Click install and then activate.

How to Use

See our Documentation

Subscribe For Pro

**Pro Is Coming Soon, Click Here To Subscribe **


1 May 2021
There were problems downloading the plugin and getting in touch. Fortunately, I can now contact the developer directly and the download problem has been resolved! Very nice plugin. one of the few that works well with my theme.
18 April 2021
Thank you for this pain-free plugin which adds dark mode option into a website without any hassle! It works great! 🖤
13 April 2021
The backend and frontend dark mode increased page speed and this is affected to my SEO. also when saving functions its not loading acurately.
2 April 2021
This is seriously the best plugin for an impeccable Dark Mode in WordPress frontend & backend. Easy to use, and the free version has enough functions to make it useful.
Read all 6 reviews

Contributors and Developers

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


Translate “Droit Dark Mode” into your language.

Interested in development?

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

Change Log

1.0.2 – 22-03-2021

  • Css issues fixed
  • Js issues fixed

1.0.1 – 08-03-2021

  • Css issues fixed

1.0.0 – 18-02-2021

  • Initial launch of the plugin