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

WIP: add 3 b&w themes

Browse source
This commit is contained in:
Julien Maille 2021-11-29 21:17:09 +01:00
parent 3629e883a5
commit 164058b875
1 changed files with 24 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
src/js/main.js
View file

@ -485,9 +485,20 @@ Dribbblish.on("ready", () => {
function toggleDark(setDark) {
if (setDark === undefined) setDark = isLight(textColorBg);
$("html").css("--is_light", setDark ? 0 : 1);
textColorBg = setDark ? "#0A0A0A" : "#FAFAFA";
switch (Dribbblish.config.get("bgTheme")) {
case "grey":
textColorBg = setDark ? "#202020" : "#C0C0C0";
break;
case "nord":
textColorBg = setDark ? "#3B4252" : "#D8DEE9";
break;
case "bw":
default:
textColorBg = setDark ? "#0A0A0A" : "#FAFAFA";
break;
}
setRootColor("main", textColorBg);
setRootColor("player", textColorBg);
@ -645,6 +656,17 @@ Dribbblish.on("ready", () => {
]
});
Dribbblish.config.register({
area: "Theme",
type: "select",
data: { bw: "Black/white", nord: "Nord polar night/snow storm", grey: "Dark/light grey" },
key: "bgTheme",
name: "Background Theme",
description: "Select Dark / Bright background colors",
defaultValue: "bw",
onChange: () => toggleDark($("html").css("--is_light") == "0")
});
function updateColors(checkDarkMode = true, sideColHex) {
if (sideColHex == undefined) return registerCoverListener();