WP Dark Mode

Descrição

Use WP Dark Mode to enable a stunning dark mode theme for your WordPress website. WP Dark Mode works automatically without going into any complicated settings.

Just activate the plugin and your users will experience a dark mode version of your website as per their preferred operating system preference.

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

Works across all operating systems including Android, iOS, macOS. No settings needed. The plugin intelligently detects device preferenc and dynamically delivers a hand crafted, expert designed dark mode experience for your readers.

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.

WP Dark Mode Features

  1. Floating Switch Button – You can display a darkmode floating switch button in the footer of the website.
  2. Darkmode Elementor Widget – You can place the Dark Mode switch button into any page/post by using the (Dark Mode Switch) elementor widget.
  3. Darkmode Gutenberg Widget – You can place the switch button into any page/post by using the (Dark Mode Switch) gutenberg block.
  4. Auto Match OS Theme – Automatically shows Darkmode if the OS prefered theme is dark
  5. Available in Backend – You can enable the dark mode in the back end admin page.
  6. Presets Color Schema – 2 exclusive presets color schema available to quickly change the dark mode color from the predefined presets.
  7. Dark Mode Switch – Dark mode switch button to toggle the darkmode.
  8. Remember Dark Mode – The dark mode remains saved once you activated the dark mode.
  9. Themes Compatible – The plugin is compatible with most of the themes without any issues.

💰 WP Dark Mode Pro 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. Multiple Dark Mode Switch Style – You can display multiple dark mode switch button style for the users to turn on-off the dark mode.
  4. Shortcode Supported – You can use [wp_dark_mode_switch] shortcode to display the dark mode switch button in any page/post
  5. Above Post/Page Content – You can display the dark mode switch button before any page/post.
  6. Darkmode Switch Widget – You can place the darkmode switch button using the WP Dark Mode Widget.
  7. Presets Color Schema – 5 exclusive presets color schema available to quickly change the dark mode color from the predefined presets.
  8. Excludes Elements – You can excludes specific elements being affected by the darkmode by using the CSS selectors.
  9. Excluded Pages – You can excludes specific pages from darkmode.
  10. Custom Switch Text – You can change the light/dark text of the switch.

🚀 Get The PRO Version | 👩🏼‍💻 Get Support

💰 WP Dark Mode Ultimate Features

  1. All Pro Features
  2. Custom Colors – You can customized the darkmode background. text and links color as you want/
  3. Presets Color Schema – 11 exclusive presets color schema available to quickly change the dark mode color from the predefined presets.
  4. Dark Mode Based Image Supports – You can replace light mode images with different image you want in the dark mode.
  5. Custom CSS – You can use custom CSS only for darkmode.
  6. Custom Switch Icon – You can customize the dark mode switch icon in the light/ dark mode.
  7. Darkmode Switch in Menu – You can display the dark mode switch as a menu item in any menu in your website.

🚀 Get The Ultimate Version | 👩🏼‍💻 Get Support

LEARN MORE

How to Use

After activating the plugin by default your website will turn into darkmode for your users if the Operating System of the users sets into dark theme.

You can use 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 how to use.

If you want to disable the OS aware darkmode functionality, Then navigate to your Admin Dashboard > Settings > WP Dark Mode turn off the “Enable OS aware Dark Mode” switch button.

Ecrãs

  • Default Dark Mode Color Scheme
  • General Settings
  • Advanced Settings
  • Display Settings
  • Image Settings
  • Ready made color presets & customizing options
  • Custom CSS only for darkmode
  • Dark mode switch widget
  • Dark mode switch gutenberg block
  • Dark mode switch elementor widget

Blocos

Este plugin inclui 1 bloco.

wp-dark-mode/switcher
Dark Mode Switch

Perguntas frequentes

How can I show dark mode switch?

You can display a darkmode 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 style of the switch button from different switch styles.

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

This plugin provide [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 in your website. This shortcode supports an optional style attribute for the switch style.

Example[wp_dark_mode_switch style="3"]

Does this plugin support dark mode image?

Yes ,it supports the dark mode images.

Can we use it with Gutenberg?

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

Avaliações

22 de Outubro, 2020
I was waiting for over a year now for my theme developer to add this feature until I stumble upon this awesome plugin! the wait is over now I can totally guarantee that this plugin works perfectly and the best part is that the support is super helpful too. Thanks for making this awesome plugin.
8 de Outubro, 2020
The WP Dark Mode plugin is so easy to install and activate that even an idjit like me was able to do it pain-free! It works perfectly and allows my readers an option to easily switch to a stunning white-on-black reading experience. I had one minor issue with the plugin and posted a comment in Support. I received a response and explanation in less than 24 hours!
29 de Setembro, 2020
This plugin has many features which is really great, but the core features are all hidden as "pro-features" which means you cannot test them at all. Both the widget as well as the text switch that is supposed to allow users to switch from light to dark mode on the front of your website is disabled and available as a "pro-feature" only. I can understand that the widget will be a "pro-feature", but why is the text switch a "pro-feature" as well? This negates the purpose of this plugin. It also does not seem that this plugin is OS or even browser aware... Maybe another "pro-feature"? All my browsers are setup in dark mode, but with the plugin enabled, it did not switch to dark mode a automatically at all. This also negates the purpose of this plugin. Don't make a mistake; I have no issue against paying for features, but when the very purpose of the plugin is to pay first, then why have a free version out there at all?
Ler todas as 12 avaliações

Contribuidores e programadores

“WP Dark Mode” é software de código aberto. As seguintes pessoas contribuíram para este plugin:

Contribuidores

“WP Dark Mode” foi traduzido para 4 locales. Obrigado aos tradutores pelas suas contribuições.

Traduza o “WP Dark Mode” para o seu idioma.

Interessado no desenvolvimento?

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

Registo de alterações

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