WP Night Mode

This is a simple wordpress plugin for registration and logging via modal windows. You can use it, test it, expand it etc. What ever works for you.

How to use

You can download this repo and then just install plugin to your theme.

After that, it's pretty easy to use it:

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

Changelog

Ver 1.0.0

• Initial release

Ver 1.0.1

• Tested on WordPress 4.9.8
• Fixed issue: toggle button does not work on mobiles and tablet
• Added cookies so that browsers can know whether the user has switched to night mode or not

Ver 1.0.2

• Added Toggle Style selector in Customizer and 5 different styles of toggle switcher are availabled now

Ver 1.0.3

• Fixed small CSS error

Ver 1.0.4

• Tested on WordPress 5.1.1
• Tested with Gutenberg
• Fixed cache issue and tested with plugins: Comet Cache, WP Rocket and Autoptimize

Ver 1.0.5

• Tested on WordPress 5.2.2
• Added "Night Mode as Default" option (on first website visit user will see Night Mode and can switch to Light Mode)
• Added prefers-color-scheme media query (media query to detect if the user has set their system to use a light or dark color theme)
• Added "Toggle Size" option (easily change the size of the toggle button)