HTML+CSS:
Copiar código del código de la siguiente manera:
<div> </div>
Copiar código del código de la siguiente manera:
<Estilo>
.cubrir {
Posición: fijo;
Arriba: 0px;
Izquierda: 0px;
Esquema: 5000px sólido RGBA (0, 0, 0, 0.3);
Index Z: 99999;
}
</style>
Luego use JavaScript para escribir un modo nocturno más:
Copiar código del código de la siguiente manera:
<script>
Brillo var;
// Moscaras de visualización
Cubierta de funciones (brillo) {{
if (typeof (div) == 'indefinido') {{
div
Div.SetAttribute ('estilo', 'posición: fijo; arriba: 0; izquierda: 0; contorno: 5000px sólido; índice z: 99999;');
document.body.appendChild (div);
} Demás {
div.style.display = '';
}
div.style.outlineColor = 'rgba (0,0,0,' + brillo + ')';
}
// Monitoreo de eventos
Window.addeventRistener ('Keydown', function (e) {
if (e.altkey && e.keycode == 90) {// alt+z: abra el modo nocturno
Cubierta (brillo = 0.3);
}
If (e.altkey && e.keycode == 88) {// alt+x: cerrar
Cubierta (brillo = 0);
}
if (e.altkey && e.keycode == 38) {// alt+↑: aumentar el brillo
if (brillo -0.05> 0.05) cubierta (brillo -= 0.05);
}
if (e.altkey && e.keycode == 40) {// alt+↓: reducir el brillo
if (brillo + 0.05 <0.95) cubierta (brillo + = 0.05);
}
}, FALSO);
</script>
También puede escribirlo como un script de Geasemonkey, como una extensión del navegador a cualquier página para agregar el modo nocturno