Puedes usar una clase contenedora:

 const button = document.querySelector("button") button.addEventListener("click", () => { document.body.classList.add("red") })

 .red { color: red; }

 <h1>Stackoverflow is nice!</h1> <p>Great website!</p> <button>Change CSS</button>

• Cree un botón que escuche la acción de un usuario.
• Cuando se hace clic en el botón, agregue una clase al elemento del cuerpo .
• Use esta clase para aplicar diferentes reglas CSS .

Puedes construir un tema oscuro con eso, por ejemplo.

Como dijo @Lain anteriormente, de hecho es posible. algo como someElement.classList.add() o someElement.classlist.toggle() MDN Web API