YREA-SLS/docs/dark_mode.js

27 lines
924 B
JavaScript

// Kyler Olsen
// Oct 2025
function dark_mode() {
if (document.querySelector("body").getAttribute("mode") == "dark") {
document.querySelector("body").setAttribute("mode", "light");
localStorage.setItem("yrea_sls_color_mode", "light");
} else {
document.querySelector("body").setAttribute("mode", "dark");
localStorage.setItem("yrea_sls_color_mode", "dark");
}
}
function main() {
document.querySelector("#dark").addEventListener("click", dark_mode);
const savedMode = localStorage.getItem("yrea_sls_color_mode");
const isDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
if (savedMode) {
document.querySelector("body").setAttribute("mode", savedMode);
} else if (isDarkMode) {
document.querySelector("body").setAttribute("mode", "dark");
}
}
document.addEventListener("DOMContentLoaded", main);