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

File Size: 13.52 KB
Views Total: 925 views
Last Update:June 23, 2019
Publish Date: October 10, 2018
Official Website: Go to website
License: MIT
Plugin Author: CodeHimBlog
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?"


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