lio/website
1
1
Fork 0
Code Issues Pull requests Releases Wiki Activity

dark theme stuff owo

Browse source
This commit is contained in:
monty 2019-11-19 07:52:41 +01:00
parent 329ac23ca2
commit 00e202978d
7 changed files with 294 additions and 121 deletions
Download patch file Download diff file Expand all files Collapse all files

30
assets/js/main.js
View file

@ -11,3 +11,33 @@ links.forEach((link) => {
}, 3 * 1000);
});
*/
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];
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');
}
}
title.addEventListener('click', (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');
}
});