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

Reword and refactor Theme > Theme System

Browse source
This commit is contained in:
Send_Nukez 2021-12-04 15:17:59 +01:00
parent f69afbb882
commit 0e946cf05a
1 changed files with 13 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
src/js/main.js
View file

@ -334,7 +334,7 @@ Dribbblish.on("ready", () => {
onChange: (val) => $("html").css("--song-transition-speed", `${val}s`) onChange: (val) => $("html").css("--song-transition-speed", `${val}s`)
}); });
Dribbblish.config.registerArea({ name: "Advanced", order: 998 }); Dribbblish.config.registerArea({ name: "Advanced", order: 997 });
Dribbblish.config.register({ Dribbblish.config.register({
area: "Advanced", area: "Advanced",
@ -526,16 +526,15 @@ Dribbblish.on("ready", () => {
if (end < start) dark = start <= time || time < end; if (end < start) dark = start <= time || time < end;
else dark = start <= time && time < end; else dark = start <= time && time < end;
toggleDark(dark); toggleDark(dark);
} else if (theme == "system") {
toggleDark(window.matchMedia("(prefers-color-scheme: dark)").matches);
} }
} }
// 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);
// Run on System Theme change
window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", (e) => { window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", () => checkDarkLightMode());
const theme = Dribbblish.config.get("theme");
if (theme === "system") toggleDark(e.matches);
});
Dribbblish.config.register({ Dribbblish.config.register({
area: "Theme", area: "Theme",
@ -620,13 +619,17 @@ 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", system: "Based on System Theme" }, data: { dark: "Dark", light: "Light", system: "System", time: "Based on Time" },
order: -1, order: -1,
key: "theme", key: "theme",
name: "Theme", name: "Theme",
description: `Select Dark / Bright mode description: `
**Based on System Theme** should work on MacOs and Linux Select Dark / Bright mode
On Windows you will need to patch Spotify.exe using this [(script)](https://github.com/khanhas/spicetify-cli/issues/1095#issuecomment-980473116){.muted} - **Dark**
- **Light**
- **System:** Should work on macOS and Linux out of the box. Windows users read [this](https://github.com/JulienMaille/dribbblish-dynamic-theme#follow-system-darklight-theme-powershell)
- **Based on Time:** Automatically change Theme at specific Times
{.muted}
`, `,
defaultValue: "time", defaultValue: "time",
showChildren: (val) => { showChildren: (val) => {