33 lines
1020 B
JavaScript
33 lines
1020 B
JavaScript
let scheme = window.matchMedia(`(prefers-color-scheme: dark)`);
|
|
let theme = window.localStorage.getItem('prefer-light');
|
|
let title = document.getElementsByClassName('title')[0];
|
|
let body = document.getElementsByTagName('body')[0];
|
|
let toggle = document.getElementsByClassName('toggle')[0];
|
|
|
|
if (theme === 'yes') {
|
|
body.classList.add('light');
|
|
} else if (theme === 'no') {
|
|
console.log('User does not like light, removing Light');
|
|
body.classList.remove('light');
|
|
} else {
|
|
if (scheme) {
|
|
body.classList.remove('light');
|
|
console.log('User has not yet visited, but prefers dark');
|
|
} else {
|
|
body.classList.add('light');
|
|
console.log('User has not yet visited, but prefers light');
|
|
}
|
|
}
|
|
|
|
toggle.addEventListener('click', (e) => {
|
|
//console.log(e);
|
|
body.classList.toggle('light');
|
|
if (body.classList.contains('light')) {
|
|
window.localStorage.setItem('prefer-light', 'yes');
|
|
console.log('user likes light');
|
|
} else {
|
|
window.localStorage.setItem('prefer-light', 'no');
|
|
console.log('user likes dark');
|
|
}
|
|
});
|