2024-03-14 03:08:35 -04:00
|
|
|
/* Main darkmode script here */
|
2024-03-09 23:47:53 -05:00
|
|
|
function darkmode() {
|
|
|
|
if (localStorage.getItem('dark-mode') === 'false') {
|
|
|
|
darkmode_enable();
|
|
|
|
} else if (localStorage.getItem('dark-mode') === null) {
|
|
|
|
darkmode_enable();
|
|
|
|
} else {
|
|
|
|
darkmode_disable();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
function darkmode_enable() {
|
|
|
|
document.body.classList.add("dark-mode");
|
|
|
|
localStorage.setItem('dark-mode', 'true');
|
|
|
|
}
|
|
|
|
|
|
|
|
function darkmode_disable() {
|
|
|
|
document.body.classList.remove("dark-mode");
|
|
|
|
localStorage.setItem('dark-mode', 'false');
|
2024-03-14 01:10:38 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches && localStorage.getItem('dark-mode') === null) {
|
|
|
|
localStorage.setItem('dark-mode', 'true');
|
2024-05-02 10:21:29 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
document.addEventListener("DOMContentLoaded", function() {
|
|
|
|
document.getElementById("dark-mode-button").addEventListener("click", darkmode);
|
|
|
|
});
|