Dark Mode for WordPress

Description

Adds a “dark mode” button to your theme, using mix-blend-mode to darken your styles. Useful for many websites and many eyeballs.

This plugin is developed using DarkMode.js by Sandoche Adittane. If you like the plugin, be sure to donate him! (PS: We’re not affiliated with Sandoche in any way.)

How to Use

Activating the plugin will activate the button. If you want to exclude some buttons or your logo or stuff like that, you can use the following CSS code (add it into your Customizer’s Add CSS section):

.button {
  isolation: isolate;
}

With the CSS code avove, the button class is ignored by the dark mode. Also, you can add the darkmode-ignore class to anything in order to achieve the same thing, but using custom CSS is more managable.

Todo List

  • Add a settings page for some cool settings

Installation

  1. Upload the plugin folder to the /wp-content/plugins/ directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress.
  3. There are no settings page (for now). Enjoy!

FAQ

Is this a dark theme?

Nope. It just adds a dark mode to your theme.

This button doesn’t work on old browsers, why?

It uses a modern CSS feature called “mix-blend-mode”, and doesn’t work on Interneet Explorer, Edge (pre-Chromium versions) and Opera Mini. Check out caniuse.com for how well this feature is covered in different browsers.

Reviews

June 27, 2019
Love it! Just please make it work with Elementor. Widget is not showing.
Read all 1 review

Contributors & Developers

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

Contributors

Changelog

1.0.0

  • Initial release.