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

Other
Demo    Download
Configurable-Night-Mode-For-Webpage-jQuery-night.mode
File Size: 13.52 KB
Views Total: 477 views
Last Update:June 23, 2019
Publish Date: October 10, 2018
Official Website: Go to website
License: MIT
Plugin Author: CodeHimBlog

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.

$("body").nightMode({
  // settings here
});

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

$("body").nightMode({

  // 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?"
  
});

Done

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