1 files changed, 51 insertions, 0 deletions
diff --git a/js/theme.ts b/js/theme.ts
new file mode 100644
index 0000000..36959bc
--- /dev/null
+++ b/js/theme.ts
@@ -0,0 +1,51 @@
+const DEFAULT_THEME = "dark";
+
+function toggleTheme() {
+	let bodies = document.getElementsByTagName("body");
+
+	if (!bodies) {
+		throw new Error("unable to find body");
+	}
+
+	let theme = "light";
+
+	if (bodies[0x0].classList.contains("light")) {
+		theme = "dark";
+	}
+
+	console.log("setting theme to `" + theme + "`");
+
+	bodies[0x0].classList.toggle("light");
+	localStorage.setItem("theme", theme);
+}
+
+function loadTheme() {
+	let theme = localStorage.getItem("theme");
+
+	if (!theme) {
+		console.log("theme not set, using default");
+		theme = DEFAULT_THEME;
+	}
+
+	switch (theme) {
+	case "dark":
+		// We assume this theme in our stylesheets.
+		break;
+
+	case "light":
+		let bodies = document.getElementsByTagName("body");
+
+		if (!bodies) {
+			throw new Error("unable to find body");
+		}
+
+		bodies[0x0].classList.add("light");
+		break;
+
+	default:
+		console.log(`invalid theme \"${theme}\", using default`);
+		//theme = DEFAULT_THEME; // Redundant now.
+
+		break;
+	}
+}