A Simple Night Mode Plugin For WordPress Website

A simple WordPress plugin that adds the Night Mode to your WordPress websites.

The plugin dynamically changes your website’s styles (typically from white to black) for a more comfortable experience while reading articles and watching videos at night.

Similar to the ‘Turn Off The Lights’ and iOS ‘Night Mode’ features.

How to use it:

1. Download the plugin from WordPress’ official plugin directory.

2. Upload the plugin to the WordPress and install the plugin.

3. Once installed activate the WP Night Mode plugin from the Plugins page.

4. Customize the styles for the Night Mode in the WordPress Customizer.

Wordpress Customizer-min

WP Night Mode Customize Styles-min

5. If you want to change color in some other elements you can use the Additional CSS field. CSS example:

body.wp-night-mode-on .element-class { 
color: #000; 

6. Insert a ‘Night Mode’ toggle button to your posts or pages using the following shortcode:


7. You can also add the following CSS class to any element which will be affected by this plugin.

<nav class="wp-night-mode">...</nav>


A Simple Night Mode Plugin For WordPress Website

Download WordPress Plugin:

You can download this free WordPress plugin using the download button below. Unless otherwise stated, the WordPress plugin is available under GNU General Public License.

Author: Marko Arula

Homepage: https://wordpress.org/plugins/wp-night-mode/

Don’t forget to share this WordPress plugin and also check out other awesome plugins on our site.

Rate This Plugin
User Review
3.43 (14 votes)