Droit Dark Mode


Droit Dark Mode plugin to create dark version of your website base on your browser. This Plugin allows users to turn ON/OFF the dark mode enable option while viewing your website.

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

Get Support

Ask your questions in the support forum

Dark Dark Mode Features

  1. Multiple Switch Style – Floating switch button can be shown anywhere in the body of your website
  2. Set Default Mode – By default set dark mode enable of the website. First time, Users will see the dark mode.
  3. Switch Elementor Widget – Switch Button can place on the content of any post/page by using the Elementor widget.
  4. Switch Gutenberg Block – Switch Button can place on the content of any post/page by using the Gutenberg block.
  5. Dashboard Dark Mode – You can enable the dark mode in the backend admin dashboard page.
  6. Multiple Color Palette – 10+ exclusive color presets are available to quickly change the dark mode color from the color palette.
  7. Dark Mode Switch – 6+ Dark mode switch buttons are available to toggle dark button styles.
  8. Remember Dark Mode – By toggling button auto save as remember dark mode.
  9. Themes Compatible – All over themes work with dark mode without any issues and available to added elements class, id for compatible.
  10. Set Dashboard Color Palette – You can set color preset for admin dashboard base on your browser.
  11. Image Brightness – Decrease / Increase the brightness of images in the dark mode.
  12. Image Opacity – Decrease / Increase the Opacity of images in the dark mode.
  13. Image Contrast – Decrease / Increase the contrast of images in the dark mode.
  14. Body Position – Set dark button position in the body of websites (left-top, left-bottom, right-top. right-bottom, center-bottom, center-top and so on).

🚀 Droit Dark Mode Pro Features (Upcoming)

  1. All Features of Free version
  2. Specific Page – Set condition for dark mode enable / disable and set different color palette for individual Page.
  3. Specific Post – Set condition for dark mode enable / disable and set different color palette for individual Post.
  4. Specific Category – You can apply conditional logic dark mode enable / disable individual Category.
  5. WooCommerce Products – Set dark mode switch options and select different color palette for each Products.
  6. Time Base Dark Mode – Automatic enable dark mode between selected time.
  7. Shortcode Supported – You can use [drdt_dark_mode] shortcode to display the dark mode switch button on anywhere of your websites
  8. Content Position – Display the dark mode switch button before/after content for any kind of pages/posttype.
  9. Dark mode Switch Widget – You can place the dark mode switch button using the WP Dark Mode Widget.
  10. Image replace – This is exclusive features of dark mode, you can replace images when enable dark mode.
  11. Button Add Primary Menu – Dark mode switch button added into the primary button.
  12. Excludes Elements – You can exclude specific elements being affected by the dark mode by using the CSS selectors.
  13. Include Elements – Only the elements within the selectors applied by dark mode.
  14. Custom color – You can set custom color for all heading, paragraph, link, button and hover link color.
  15. Custom Switch Text – You can change the light/dark text of the switch.


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


這個外掛提供 1 個可供 Gutenberg/區塊編輯器使用的區塊。

  • 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 **


2021 年 4 月 2 日
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.
閱讀全部 2 則使用者評論


以下人員參與了開源軟體〈Droit Dark Mode〉的開發相關工作。


將 Droit Dark Mode 外掛本地化為台灣繁體中文版


任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄


1.0.2 – 22-03-2021

  • Css issues fixed

1.0.1 – 08-03-2021

  • Css issues fixed

1.0.0 – 18-02-2021

  • Initial launch of the plugin