Added simple functionality

3 files changed, 33 insertions, 1 deletions

diff --git a/src/scripts/image-show.js b/src/scripts/image-show.js
index 961242e..8664ef4 100644
--- a/src/scripts/image-show.js
+++ b/src/scripts/image-show.js
@@ -18,7 +18,7 @@ function clickToView() {
 const images = document.getElementsByTagName('img');
 
 for (const image of images) {
-	if (image.alt !== '🔗' && image.id !== 'scrollBtn') {
+	if (image.alt !== '🔗' && !image.classList.contains('unzoomable')) {
 		image.onclick = clickToView;
 	}
 }
diff --git a/src/scripts/theme-changer-preload.js b/src/scripts/theme-changer-preload.js
new file mode 100644
index 0000000..bb53b6c
--- /dev/null
+++ b/src/scripts/theme-changer-preload.js
@@ -0,0 +1,4 @@
+const darkThemeStyle = document.styleSheets[1];
+
+if (localStorage.getItem('theme') === 'light')
+	darkThemeStyle.disabled = true;
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');
+	}
+}