Configurable Night Mode For Webpage – jQuery night.mode.js

File Size: 13.52 KB
Views Total: 1648 views
Last Update:June 23, 2019
Publish Date: October 10, 2018
Official Website: Go to website
License: MIT
Plugin Author:
Demo    Download

A lightweight yet fully configurable jQuery plugin to create a night shift Trigger that allows visitors to make a dark / night mode on your page.
When the plug-in allows you to switch to night mode, adjust the page’s brightness / contrast, and automatically enable / disable night mode at a specific time of day.

Table of Contents

How to use it:

1. By default, the plugin uses JS/CSS for the controls.

<link rel="stylesheet" href="/font-awesome.min.css">
<link rel="stylesheet" href="css/night-mode.css">
<script src="https:/jquery-3.3.1.min.js"></script>
<script src="js/jquery.night.mode.js"></script>

2. Call the function to generate a sticky Night Shift toggle button on the webpage.

  // settings here

3. All default settings which can be used to customize the night mode.


  // element(s) to keep normal styles
  keepNormal: "button",

  // shows brightness controller
  brightnessControler: true,

  // auto enable night mode at 8 pm to 4 am
  autoEnable: false, 

  // success text
  successText: "Night Mode Successfully Enabled !",

  // adjust text
  adjustText: "Would you like to adjust brightness?"


Thanks for make jQuery plugin is developed by For more Helpfull for users, please check the demo page or visit the official website.
List Of Version :

Nola Arney

Nola Arney is a full stack web developer who has Author at jQuerypost. Her ambition for development is only matched by his desire to find the perfect meme for every occasion.

Related jQuery Plugins

You Might Also Like