diff options
3 files changed, 24 insertions, 1 deletions
| -rw-r--r-- | src/scripts/image-show.js | 2 | ||||
| -rw-r--r-- | src/scripts/theme-changer-preload.js | 4 | ||||
| -rw-r--r-- | src/scripts/theme-changer.js | 19 |
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..4b5ca1b --- /dev/null +++ b/src/scripts/theme-changer.js @@ -0,0 +1,19 @@ +const themeBtn = document.getElementById('changeThemeBtn'); + +if (darkThemeStyle.disabled) + themeBtn.src = '/img/moon-tabler.svg'; + +themeBtn.style.display = 'initial'; + +themeBtn.onclick = function() { + darkThemeStyle.disabled = !darkThemeStyle.disabled; + + if (localStorage.getItem('theme') !== 'light') { + themeBtn.src = '/img/moon-tabler.svg'; + localStorage.setItem('theme', 'light'); + } + else { + themeBtn.src = '/img/sun-tabler.svg'; + localStorage.setItem('theme', 'dark'); + } +} |