dan/dribbblish-dynamic-theme
1
0
Fork 0
mirror of https://github.com/danbulant/dribbblish-dynamic-theme synced 2026-07-06 19:51:27 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge pull request #128 from evanbrierton/main

Browse source 
Implement functionality to use system theme for dark/light theme.
This commit is contained in:
Julien 2021-12-02 20:30:03 +01:00 committed by GitHub Action
commit 76fda08a71
1 changed files with 9 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/js/main.js
View file

@ -532,6 +532,11 @@ Dribbblish.on("ready", () => {
// Run every Minute to check time and set dark / light mode // Run every Minute to check time and set dark / light mode
setInterval(checkDarkLightMode, 60000); setInterval(checkDarkLightMode, 60000);
window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", (e) => {
const theme = Dribbblish.config.get("theme");
if (theme === "system") toggleDark(e.matches);
});
Dribbblish.config.register({ Dribbblish.config.register({
area: "Theme", area: "Theme",
type: "select", type: "select",
@ -615,7 +620,7 @@ Dribbblish.on("ready", () => {
Dribbblish.config.register({ Dribbblish.config.register({
area: "Theme", area: "Theme",
type: "select", type: "select",
data: { dark: "Dark", light: "Light", time: "Based on Time" }, data: { dark: "Dark", light: "Light", time: "Based on Time", system: "Based on System Theme" },
order: -1, order: -1,
key: "theme", key: "theme",
name: "Theme", name: "Theme",
@ -636,6 +641,9 @@ Dribbblish.on("ready", () => {
case "time": case "time":
checkDarkLightMode(); checkDarkLightMode();
break; break;
case "system":
toggleDark(window.matchMedia("(prefers-color-scheme: dark)").matches);
break;
} }
}, },
children: [ children: [