You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
tt-rss/js/utility.js

47 lines
1.4 KiB
JavaScript

/* global UtilityApp */
/* TODO: this should probably be something like night_mode.js since it does nothing specific to utility scripts */
window.addEventListener("load", function() {
const UtilityJS = {
apply_night_mode: function (is_night, link) {
console.log("night mode changed to", is_night);
if (link) {
const css_override = is_night ? "themes/night.css" : "themes/light.css";
link.setAttribute("href", css_override + "?" + Date.now());
}
},
setup_night_mode: function() {
const mql = window.matchMedia('(prefers-color-scheme: dark)');
const link = document.createElement("link");
link.rel = "stylesheet";
link.id = "theme_auto_css";
link.onload = function() {
document.querySelector("body").removeClassName("css_loading");
if (typeof UtilityApp != "undefined")
UtilityApp.init();
};
try {
mql.addEventListener("change", () => {
UtilityJS.apply_night_mode(mql.matches, link);
});
} catch (e) {
console.warn("exception while trying to set MQL event listener");
}
document.querySelector("head").appendChild(link);
UtilityJS.apply_night_mode(mql.matches, link);
}
};
UtilityJS.setup_night_mode();
});