reference/js/setTheme.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
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);
}