Cambiar página entre el modo nocturno y el estilo normal-nightly. js

Vista prévia

Descripción

Nightly. js es un simple y sencillo plugin de JavaScript que aplica el modo nocturno a tu página web para mejorar la legibilidad de artículos y videos mientras lees/ves por la noche.

Funcionamiento

Instale el nightly. js con NPM.

# NPM
$ npm install nightly.js --save

Importar & incluir el nightly. js.

// ES 6
import Nightly from 'nightly.js';

// CommonJS:
const Nightly = require('nightly.js');

<script src='nightly.min.js'></script>

Inicialice el nightly. js con la configuración predeterminada.

var Nightly = new Nightly();

Habilite el modo nocturno en la página.

Nightly.darkify();

Alternar entre el modo nocturno y el estilo normal.

// disable the dark mode
Nightly.lightify();

// toggle between dark and normal mode
Nightly.toggle();

Funciones de devolución de llamada disponibles.

Nightly.toggle(darkifyCallback, lightifyCallback);

Los estilos CSS predeterminados para el modo nocturno.

nightMode: {

body: "#282828",

texts: "#f5f5f5",

inputs: { color: '#f5f5f5', backgroundColor: "#313131" },

buttons: { color: "#f5f5f5", backgroundColor: "#757575" },

textareas: { color: '#f5f5f5', backgroundColor: "#313131" },

links: "#009688",

classes: [],

isTwbs3: false
},

Registro de cambios

09/04/2018

• v1.1.0: Changed parameters order in constructor

08/19/2018

• refactorizar: eliminar twbs3Darkify (), estará en un plugin separado