diff options
Diffstat (limited to 'assets/js/theme-switch.js')
-rw-r--r-- | assets/js/theme-switch.js | 40 |
1 files changed, 20 insertions, 20 deletions
diff --git a/assets/js/theme-switch.js b/assets/js/theme-switch.js index 148ef26..02b0ce9 100644 --- a/assets/js/theme-switch.js +++ b/assets/js/theme-switch.js @@ -1,21 +1,21 @@ - -if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) { - jtd.setTheme('dark'); -} else { - jtd.setTheme('light'); -} - -window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', event => { - const newColorScheme = event.matches ? "dark" : "light"; - jtd.setTheme(newColorScheme); -}); - - -const toggleDarkMode = document.querySelector('.js-toggle-dark-mode'); -jtd.addEvent(toggleDarkMode, 'click', function(){ - if (jtd.getTheme() === 'dark') { - jtd.setTheme('light'); - toggleDarkMode.textContent = 'Preview dark color scheme'; - } else { jtd.setTheme('dark'); - toggleDarkMode.textContent = 'Return to the light side'; } +
+if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
+ jtd.setTheme('dark');
+} else {
+ jtd.setTheme('light');
+}
+
+window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', event => {
+ const newColorScheme = event.matches ? "dark" : "light";
+ jtd.setTheme(newColorScheme);
+});
+
+
+const toggleDarkMode = document.querySelector('.js-toggle-dark-mode');
+jtd.addEvent(toggleDarkMode, 'click', function(){
+ if (jtd.getTheme() === 'dark') {
+ jtd.setTheme('light');
+ toggleDarkMode.textContent = 'Preview dark color scheme';
+ } else { jtd.setTheme('dark');
+ toggleDarkMode.textContent = 'Return to the light side'; }
});
\ No newline at end of file |