summaryrefslogtreecommitdiff
path: root/js/setTheme.js
diff options
context:
space:
mode:
Diffstat (limited to 'js/setTheme.js')
-rw-r--r--js/setTheme.js29
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);
+}