Files
icons/public/js/darkmode.js
2023-02-17 03:03:56 -06:00

15 lines
641 B
JavaScript

const valid = ['system', 'dark', 'light'];
console.log(localStorage.theme);
// Set the default to system, ignore & delete invalid values
if (!('theme' in localStorage) || valid.indexOf(localStorage.theme) === -1)
localStorage.theme = 'system';
if (localStorage.theme === 'system') {
const preferDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
document.documentElement.classList.add(preferDark ? 'dark' : 'light');
} else if (localStorage.theme === 'dark') {
document.documentElement.classList.add('dark')
} else if (localStorage.theme === 'light') {
document.documentElement.classList.remove('dark')
}