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