From 7fdcdc6557d29678aedf936829f3169e006987b7 Mon Sep 17 00:00:00 2001 From: Syndamia Date: Wed, 9 Mar 2022 14:07:44 +0200 Subject: Added simple functionality --- src/scripts/theme-changer.js | 28 ++++++++++++++++++++++++++++ 1 file changed, 28 insertions(+) create mode 100644 src/scripts/theme-changer.js (limited to 'src/scripts/theme-changer.js') 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'); + } +} -- cgit v1.3.1-23-gd82d