Brug light-dark() til at differentiere mellem farve-værdier, og sæt color-scheme for hhv. html og html.dark. Brug JavaScript til at tilføje/fjerne en dark-klasse på <html> elementet.
<section> <h1>Light/Dark mode with JavaScript</h1> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Veniam, dignissimos. Consectetur, suscipit delectus eos officia maiores, est, assumenda earum corporis nisi exercitationem tempore corrupti odit. Incidunt mollitia tenetur ratione ipsa explicabo sit eligendi voluptatum aspernatur! Accusantium incidunt necessitatibus nihil!</p> <button id="toggle-btn">Toggle</button> </section>
const html = document.querySelector("html");
const btn = document.querySelector("#toggle-btn");