Skip to content

Instantly share code, notes, and snippets.

View rsschouwenaar's full-sized avatar

rsschouwenaar

0 followers · 1 following
View GitHub Profile
@rsschouwenaar
rsschouwenaar / dark-mode.html
Created May 1, 2020 07:03
<body class="darkmode">
<header>
<button class="color-switch">Light</button>
</header>
<h1>CSS Variable Dark Mode Switcher</h1>
</body>
@rsschouwenaar
rsschouwenaar / dark-mode-switcher.ts
Created May 1, 2020 07:05
const button: HTMLButtonElement = document.querySelector(".color-switch");
button.addEventListener("click", function() {
const body: HTMLBodyElement = document.querySelector("body");
body.classList.toggle("lightmode");
body.classList.toggle("darkmode");
if (button) {
button.innerText = body.classList.contains("lightmode") ? "Dark" : "Light";
}
@rsschouwenaar
rsschouwenaar / dark-mode-switcher.js
Created May 1, 2020 07:05
const button = document.querySelector(".color-switch");
button.addEventListener("click", function() {
const body = document.querySelector("body");
body.classList.toggle("lightmode");
body.classList.toggle("darkmode");
if (button) {
button.innerText = body.classList.contains("lightmode") ? "Dark" : "Light";
}