From 2f80b0b5ad481d53d5621f84bffd3415fc078672 Mon Sep 17 00:00:00 2001 From: serginogal Date: Thu, 16 Feb 2023 22:19:58 +0900 Subject: [PATCH] :zap: feat: clean js code --- static/js/main.js | 17 ++++++++--------- 1 file changed, 8 insertions(+), 9 deletions(-) diff --git a/static/js/main.js b/static/js/main.js index cf0b06c..ab00e97 100644 --- a/static/js/main.js +++ b/static/js/main.js @@ -1,15 +1,14 @@ -var themeSwitcher = document.querySelector('.theme-switcher input'); -var currentTheme = localStorage.getItem('theme'); +const themeSwitcher = document.querySelector('.theme-switcher input'); +const currentTheme = localStorage.getItem('theme'); // detect the user's preferred color scheme and activate it if (currentTheme) { - document.documentElement.setAttribute('data-theme', currentTheme); - if (currentTheme === 'dark') { - themeSwitcher.checked = true; - } -} else if (window.matchMedia('(prefers-color-scheme: dark)').matches) { - document.documentElement.setAttribute('data-theme', 'dark'); - themeSwitcher.checked = true; + document.documentElement.setAttribute( 'data-theme', currentTheme); + themeSwitcher.checked = currentTheme === 'dark'; +} else { + const isSystemDark = window.matchMedia('(prefers-color-scheme: dark)').matches; + document.documentElement.setAttribute( 'data-theme', isSystemDark? 'dark' : 'light'); + themeSwitcher.checked = isSystemDark; } // switch between themes