This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

WP Night Mode

Description

With this plugin you can enable your users to switch website between Night Mode and normal style smoothly to improve the readability of text, images and videos.

Reading website content at night time can be difficult. Help your visitors read more articles, spend more time on your website and protect their eyes from being hurt.

Screenshots

  • The website with Night Mode turned off.
  • The website with Night Mode turned on.
  • Add Night Mode toggle button with class.
  • Add Night Mode toggle button with shortcode.
  • Customize Night Mode style.

Installation

  1. Upload wp-night-mode to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Use wp-night-mode class on any element (for example Menu item) or [wp-night-mode-button] shortcode to show Night Mode toggle button
  4. Shortcode options:
    • “style” option, for Toggle Style. Use it like this: [wp-night-mode-button style="4"]
  5. Go to Customizer and set styles for Night Mode

Reviews

Gulan 1, 2022
By far the best night dark mode plugin that I found for WordPress! This should be by default in Core WP! Thank you so much
Îlon 7, 2020
Very simple plugin but provides all the functionality I needed to add a dark mode toggle button to my website!! Thanks!

ok

Hezîran 24, 2020
Not much customization, especially with Body Background
Kanûn 15, 2019
This allow blog owners to adjust its theme to Apple new dark mode updates. thanks for this plugin.
Read all 23 reviews

Contributors & Developers

“WP Night Mode” is open source software. The following people have contributed to this plugin.

Contributors

“WP Night Mode” has been translated into 6 locales. Thank you to the translators for their contributions.

Translate “WP Night Mode” into your language.

Interested in development?

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

Changelog

Version History

Refer to the GitHub for more information regarding the latest changes.