WP Dark Mode

Descripción

Use WP Dark Mode plugin to create a stunning dark version 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 are needed. The plugin intelligently detects device preferences and dynamically delivers a handcrafted, 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 dark mode floating switch button in the footer of the website.
  2. Default Mode – Make dark mode as the default mode of the website. Users will see the dark mode first.
  3. Dark mode Elementor Widget – You can place the Dark Mode switch button into any page/post by using the (Dark Mode Switch) Elementor widget.
  4. Dark mode Gutenberg Widget – You can place the switch button into any page/post by using the (Dark Mode Switch) Gutenberg block.
  5. Auto Match OS Theme – Automatically shows Darkmode if the OS preferred theme is dark
  6. Available in Backend – You can enable the dark mode in the back end admin page.
  7. Presets Color Schema – 2 exclusive presets color schema available to quickly change the dark mode color from the predefined presets.
  8. Dark Mode Switch – Dark mode switch button to toggle the dark mode.
  9. Remember Dark Mode – The dark mode remains saved once you activated the dark mode.
  10. Themes Compatible – The plugin is compatible with most of the themes without any issues.
  11. Revolution Slider Compatible – This plugin compatible with revolution slider.

💰 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. Specific Category – Apply dark mode only for specific category posts.
  4. Multiple Dark Mode Switch Style – You can display multiple dark mode switch button styles for the users to turn on-off the dark mode.
  5. Shortcode Supported – You can use [wp_dark_mode_switch]shortcode to display the dark mode switch button on any page/post
  6. Above Post/Page Content – You can display the dark mode switch button before any page/post.
  7. Dark mode Switch Widget – You can place the dark mode switch button using the WP Dark Mode Widget.
  8. Presets Color Schema – 5 exclusive presets color schema available to quickly change the dark mode color from the predefined presets.
  9. Excludes Elements – You can exclude specific elements being affected by the dark mode by using the CSS selectors.
  10. Excluded Pages – You can exclude specific pages from dark mode.
  11. 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 customize the dark mode 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 the different images you want in the dark mode.
  5. Custom CSS – You can use custom CSS only for dark mode.
  6. Custom Switch Icon – You can customize the dark mode switch icon in the light/ dark mode.
  7. Dark mode Switch in Menu – You can display the dark mode switch as a menu item in any menu on your website.

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

LEARN MORE

How to Use

After activating the plugin by default your website will turn into the dark mode for your users if the Operating System of the users sets into a dark theme.
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.
If you want to disable the OS aware dark mode functionality, Then navigate to your Admin Dashboard > Settings > WP Dark Mode turns off the “Enable OS aware Dark Mode” switch button.

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.

Capturas

  • 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

Bloques

Este plugin proporciona 1 bloque.

  • WP Dark Mode

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 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_switch] 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.

Reseñas

24 de noviembre de 2020
The plugin itself is amazing. But that's not only it. Their customer service is also excellent. I've recently bought their WP Dark Mode Ultimate and experienced a problem with the license activation (i.e. the cURL error 28). And to be honest, I've almost gave it up and determined enough to ask for a refund. Luckily, their developers patiently entertain me for days and finally solve the problem. They found out that the server itself was the source of the problem. And everything works as it should be as soon as my hosting provider whitelisted their license key host provider IP. That is really a huge relief. Thanks a lot, WP Dark Mode developers. Cheers! *Looking forward to get to know more about you as well as your other products.
22 de noviembre de 2020
this plugin is very useful for your eyes especially you are doing blogging all day.
1 de noviembre de 2020
I absolutely love this plugin, it’s like magic! I was searching for a way to add dark mode to my site for months. WP Dark Mode is amazing. It’s exactly what I had been looking for. It literally takes a minute to set up and the support from the developers is fantastic. Highly recommended! 5/5.
1 de noviembre de 2020
I use this plugin with my elementor hello theme site and its working quite well. My use case is mainly for my blog posts this they are long-form and i am myself reading in bed late at nite and love dark mode. Maybe just my preference but this plugin does it job.
Leer todas las 18 reseñas

Colaboradores y desarrolladores

«WP Dark Mode» es un software de código abierto. Las siguientes personas han colaborado con este plugin.

Colaboradores

«WP Dark Mode» ha sido traducido a 4 idiomas locales. Gracias a los traductores por sus contribuciones.

Traduce «WP Dark Mode» a tu idioma.

¿Interesado en el desarrollo?

Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.

Registro de cambios

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