Use event listener for match system theme

This commit is contained in:
Evan Brierton 2021-11-29 20:24:55 +00:00
parent 836c13abec
commit 5d5d1bc3c1
No known key found for this signature in database
GPG key ID: EEB49EB91D2A0E70

View file

@ -512,14 +512,15 @@ Dribbblish.on("ready", () => {
else dark = start <= time && time < end;
toggleDark(dark);
}
if (theme === "system") {
toggleDark(window.matchMedia("(prefers-color-scheme: dark)").matches);
}
}
// Run every Minute to check time and set dark / light mode
setInterval(checkDarkLightMode, 60000);
window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", e => {
if (theme === "system") toggleDark(e.matches);
});
Dribbblish.config.register({
area: "Theme",
type: "select",