added dark mode toggle

1 files changed, 26 insertions, 1 deletions

diff --git a/app.js b/app.js
index 55c26c7..122cad7 100644
--- a/app.js
+++ b/app.js
@@ -1 +1,26 @@
-console.log('Hello from app.js!');
\ No newline at end of file
+console.log('Hello from app.js!');
+
+const toggleTheme = function() {
+	document.documentElement.style.setProperty(this.id, Number(this.checked));
+	localStorage.setItem(this.id, Number(this.checked));
+};
+
+const initInput = function(styleVariable=null) {
+	let initValue = localStorage.getItem(styleVariable);
+	if (initValue) {
+		initValue = Number(initValue);
+		document.documentElement.style.setProperty(styleVariable, initValue);
+	} else {
+		initValue = getComputedStyle(document.body).getPropertyValue(styleVariable);
+	};
+
+	const inputObject = document.getElementById(styleVariable);
+	if (inputObject) {
+		inputObject.addEventListener('change', toggleTheme);
+		if (inputObject.type == 'checkbox') {
+			inputObject.checked = initValue
+		};
+	};
+};
+
+initInput('--dark-theme-check');