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   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);
}