WP Night Mode


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.


  • 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.


  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


July 18, 2019
It was easy to set-up and modify with css. I wanted to change out the logo and the forum had an excellent explanation how to do it. Thank you to all the creators. Jim
June 27, 2019
This is a nice plugin. If you have a simple built blog, it may work in most way. But if you have a complex template or using a paid theme, this plugin won't be a solution. This simple way of dark mode will kill your design then.
December 24, 2018
This is really great and SO important for your site viewers!!! Hopefully, the next version will have even more options. Thank you for your work.
December 5, 2018
This is great plugin but still minimum options. It would be great if there's more customize options like custom button, change color buttons, align button to center, change color of more elements, etc.
Read all 11 reviews

Contributors & Developers

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


“WP Night Mode” has been translated into 1 locale. 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.


Version History

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