2.0.0-rc.2

'; const nav = document.querySelector(".nav-site"); nav.insertBefore(li, document.querySelector(".navSearchWrapper")); const btn = document.querySelector("#toggle-switch"); btn.addEventListener("click", () => { toggleColorMode(); }); } function setInitialColorMode() { const btn = document.querySelector("#toggle-switch"); let currentColorMode = localStorage.getItem("theme"); // button was never used if (currentColorMode === null) { // inspects OS preferred color scheme if ( window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ) { currentColorMode = "dark"; } else { currentColorMode = "light"; } } if (currentColorMode === "dark") { html.classList.add("theme-mode--dark"); btn.checked = false; } else { html.classList.add("theme-mode--light"); btn.checked = true; } } function toggleColorMode() { const btn = document.querySelector("#toggle-switch"); localStorage.setItem("theme", btn.checked ? "light" : "dark"); html.classList.toggle("theme-mode--dark"); html.classList.toggle("theme-mode--light"); } appendButtonToDOM(); setInitialColorMode();
TypeGraphQL
Docs
IntroductionGetting StartedAdvanced GuidesFeaturesOthers
Community
Feature requests and proposalsIssuesTwitterOpen Collective
More
BlogGitHubStar