blob: c3f3949eeb56b6991cfdbe0614a77ab7f490fbf6 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
|
if(localStorage.getItem("color-scheme") === null) {
const newColorScheme = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches ? "dark" : "light";
const newTextScheme = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches ? "Light mode" : "Dark mode";
jtd.setTheme(newColorScheme);
toggleDarkMode.textContent = newTextScheme;
localStorage.setItem("color-scheme",newColorScheme);
localStorage.setItem("text-scheme",newTextScheme);
} else {
jtd.setTheme(localStorage.getItem("color-scheme"));
toggleDarkMode.textContent = localStorage.getItem("text-scheme");
}
window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', event => {
if(localStorage.getItem("color-scheme") === null) {
const newColorScheme = event.matches ? "dark" : "light";
const newTextScheme = event.matches ? "Light mode" : "Dark mode";
jtd.setTheme(newColorScheme);
toggleDarkMode.textContent = newTextScheme;
localStorage.setItem("color-scheme",newColorScheme);
localStorage.setItem("text-scheme",newTextScheme);
}
});
const toggleDarkMode = document.querySelector('.js-toggle-dark-mode');
jtd.addEvent(toggleDarkMode, 'click', function(){
const newColorScheme = jtd.getTheme() === 'dark' ? "dark" : "light";
const newTextScheme = jtd.getTheme() === 'dark' ? "Light mode" : "Dark mode";
jtd.setTheme(newColorScheme);
toggleDarkMode.textContent = newTextScheme;
localStorage.setItem("color-scheme",newColorScheme);
localStorage.setItem("text-scheme",newTextScheme);
});
|