Added simple functionality

1 files changed, 28 insertions, 0 deletions

diff --git a/src/scripts/theme-changer.js b/src/scripts/theme-changer.js
new file mode 100644
index 0000000..5fd5f7c
--- /dev/null
+++ b/src/scripts/theme-changer.js
@@ -0,0 +1,28 @@
+const themeBtn = document.getElementById('changeThemeBtn');
+
+if (darkThemeStyle.disabled)
+	themeBtn.src = '/img/moon-tabler.svg';
+
+themeBtn.style.display = 'initial';
+
+function changeTheme(theme) {
+	if (theme === 'light') {
+		darkThemeStyle.disabled = true;
+		themeBtn.src = '/img/moon-tabler.svg';
+	}
+	else {
+		darkThemeStyle.disabled = false;
+		themeBtn.src = '/img/sun-tabler.svg';
+	}
+}
+
+themeBtn.onclick = function() {
+	if (localStorage.getItem('theme') !== 'light') {
+		changeTheme('light');
+		localStorage.setItem('theme', 'light');
+	}
+	else {
+		changeTheme('dark');
+		localStorage.setItem('theme', 'dark');
+	}
+}