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 From 78c6b328a6f1c393ad0f8aeabd8ff72d00e20165 Mon Sep 17 00:00:00 2001 From: Syndamia Date: Wed, 9 Mar 2022 14:23:30 +0200 Subject: Integrated changeTheme function in themeBtn onclick event function --- src/scripts/theme-changer.js | 17 ++++------------- 1 file changed, 4 insertions(+), 13 deletions(-) (limited to 'src/scripts/theme-changer.js') diff --git a/src/scripts/theme-changer.js b/src/scripts/theme-changer.js index 5fd5f7c..e840f8c 100644 --- a/src/scripts/theme-changer.js +++ b/src/scripts/theme-changer.js @@ -5,24 +5,15 @@ if (darkThemeStyle.disabled) 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() { + darkThemeStyle.disabled != darkThemeStyle.disabled; + if (localStorage.getItem('theme') !== 'light') { - changeTheme('light'); + themeBtn.src = '/img/moon-tabler.svg'; localStorage.setItem('theme', 'light'); } else { - changeTheme('dark'); + themeBtn.src = '/img/sun-tabler.svg'; localStorage.setItem('theme', 'dark'); } } -- cgit v1.3.1-23-gd82d From 849c168e77d26c8f2fb8ccd032105c01db1bbc56 Mon Sep 17 00:00:00 2001 From: Syndamia Date: Wed, 9 Mar 2022 14:26:39 +0200 Subject: Fixed darkTheme not being changed properly --- src/scripts/theme-changer.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'src/scripts/theme-changer.js') diff --git a/src/scripts/theme-changer.js b/src/scripts/theme-changer.js index e840f8c..4b5ca1b 100644 --- a/src/scripts/theme-changer.js +++ b/src/scripts/theme-changer.js @@ -6,7 +6,7 @@ if (darkThemeStyle.disabled) themeBtn.style.display = 'initial'; themeBtn.onclick = function() { - darkThemeStyle.disabled != darkThemeStyle.disabled; + darkThemeStyle.disabled = !darkThemeStyle.disabled; if (localStorage.getItem('theme') !== 'light') { themeBtn.src = '/img/moon-tabler.svg'; -- cgit v1.3.1-23-gd82d