Usarías Javascript <!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-js --> document.getElementById("nocturno").addEventListener("change", function() { if (document.getElementById("nocturno").checked == true) { document.documentElement.setAttribute("style", "background-color: green;"); document.getElementsByTagName("body")[0].setAttribute("style", "color: white;"); } else { document.documentElement.setAttribute("style", "background-color: white;"); document.getElementsByTagName("body")[0].setAttribute("style", "color: black;"); } }); <!-- language: lang-html --> <input id="nocturno" type="checkbox">Cambiar fondo <p>Otro texto</p> <!-- end snippet --> Que de hecho es es una respuesta que anteriormente habían respondido [aquí](https://stackoverflow.com/a/52009644/18310531) en inglés