diff options
Diffstat (limited to 'js/setTheme.js')
-rw-r--r-- | js/setTheme.js | 29 |
1 files changed, 29 insertions, 0 deletions
diff --git a/js/setTheme.js b/js/setTheme.js new file mode 100644 index 0000000..41680b9 --- /dev/null +++ b/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 bodyColour; + var backgroundColour; + var foregroundColour; + if (theme === "dark") { + bodyColour = black; + backgroundColour = darkgrey; + foregroundColour = white; + } + else if (theme === "light") { + bodyColour = lightgrey; + backgroundColour = white; + foregroundColour = black; + } + else { + setTheme("dark"); + return; + } + root.style.setProperty("--bodyColour", bodyColour); + root.style.setProperty("--backgroundColour",backgroundColour); + root.style.setProperty("--foregroundColour",foregroundColour); +} |