diff options
Diffstat (limited to 'reference/js/setTheme.js')
-rw-r--r-- | reference/js/setTheme.js | 29 |
1 files changed, 29 insertions, 0 deletions
diff --git a/reference/js/setTheme.js b/reference/js/setTheme.js new file mode 100644 index 0000000..b90f629 --- /dev/null +++ b/reference/js/setTheme.js @@ -0,0 +1,29 @@ +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); +} |