2021-01-05 18:16:23 +00:00
|
|
|
export function toggleTheme() {
|
|
|
|
document.documentElement.classList.toggle('dark-theme');
|
|
|
|
document.documentElement.classList.toggle('light-theme');
|
|
|
|
localStorage.setItem('theme', document.documentElement.classList.contains('dark-theme') ? "dark" : "light");
|
|
|
|
}
|
|
|
|
|
|
|
|
export function loadTheme() {
|
|
|
|
const theme = localStorage.getItem("theme");
|
|
|
|
if (theme == "dark") {
|
|
|
|
document.documentElement.classList.add('dark-theme');
|
|
|
|
document.documentElement.classList.remove('light-theme');
|
|
|
|
} else if (theme == "light") {
|
|
|
|
document.documentElement.classList.add('light-theme');
|
|
|
|
document.documentElement.classList.remove('dark-theme');
|
2021-03-10 19:42:40 +00:00
|
|
|
} else if (window.matchMedia('(prefers-color-scheme: dark)').media !== 'not all') {
|
|
|
|
document.documentElement.classList.add('dark-theme');
|
|
|
|
document.documentElement.classList.remove('light-theme');
|
2021-01-05 18:16:23 +00:00
|
|
|
}
|
|
|
|
}
|