function setTheme(theme) { localStorage.setItem("theme",theme); var root = document.querySelector(":root"); var rootstyle = getComputedStyle(root); const black = rootstyle.getPropertyValue("--black"); const darkgrey = rootstyle.getPropertyValue("--darkgrey"); const lightgrey = rootstyle.getPropertyValue("--lightgrey"); const white = rootstyle.getPropertyValue("--white"); var backgroundColour0; var backgroundColour1; var foregroundColour; if (theme === "dark") { backgroundColour0 = black; backgroundColour1 = darkgrey; foregroundColour = white; } else if (theme === "light") { backgroundColour0 = lightgrey; backgroundColour1 = white; foregroundColour = black; } else { setTheme("dark"); return; } root.style.setProperty("--backgroundColour0",backgroundColour0); root.style.setProperty("--backgroundColour1",backgroundColour1); root.style.setProperty("--foregroundColour",foregroundColour); }