Skip to content
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
css
 
 
js
 
 
 
 
 
 
 
 
 
 

Blackout: Dark Mode Widget for WordPress

WordPress Plugin Downloads WordPress Plugin Active Installs WordPress Plugin Version WordPress Plugin Rating

🌓 Add a Dark Mode / Night Mode to your website in a few seconds

A simple solution to allow your users to enable/disable dark mode on your website.

It creates a widget that your users can use to toggle between normal and dark modes.

It uses the CSS mix-blend-mode to bring dark-mode to any of your websites.

Sandoche made the widget and, it has a standalone version that allows you to implement it on your website by copy+pasting a simple JavaScript script, you can find more about that by clicking here.

Demo

Check out the demo in these websites:

These have the widget, but not the WordPress plugin

📖 How to use

As with any other WordPress plugin, you can follow this simple steps to install it:

  • Install using the WordPress built-in Plugin installer, or extract the zip file and drop the contents in the wp-content/plugins/ directory of your WordPress installation.
  • Activate the plugin through the ‘Plugins’ menu in WordPress.
  • Go to settings > Blackout to customize the configurations of the widget (optional).

Override style

  • Use the class darkmode-ignore where you don't want to apply darkmode, it will implement mix-blend-mode: difference; but only when the widget is active, that way it won't look weird if it's disabled.

You don't need to do it with images or iframes as it's added by default.

Browser compatibility

This library uses the CSS mix-blend-mode: difference; in order to provide the Dark Mode. It may not be compatible with all the browsers.

Check the compatibility here: https://caniuse.com/#search=mix-blend-mode

Show your support

Please this plugin if this project helped you!

Also, if it helped you it would be awesome if you could leave a review in WordPress, you can do that by clicking here.

Want to help?

If you like this plugin, feel free to donate:

  • Donation Page (Paypal and Credit Card with Stripe)
  • Bitcoin: 12Nth97LEFYFiWJ66PEhHfWbwFPT8fnznN
  • Ethereum: 0x6a5bF47fef1fC52BC41ca190b11E05Ac95490D0a
  • BAT (Basic Attention Token): 0x6a5bF47fef1fC52BC41ca190b11E05Ac95490D0a
  • Litecoin: LLce6WFs2SVrp5s

About

Simple plugin that creates a widget that enables dark mode on click.

Resources

License

Releases

No releases published

Packages

No packages published