From 164058b8751885efbc8daeea9991c0142d5af524 Mon Sep 17 00:00:00 2001
From: Julien Maille <julien.maille@gmail.com>
Date: Mon, 29 Nov 2021 21:17:09 +0100
Subject: [PATCH] WIP: add 3 b&w themes

---
 src/js/main.js | 26 ++++++++++++++++++++++++--
 1 file changed, 24 insertions(+), 2 deletions(-)

diff --git a/src/js/main.js b/src/js/main.js
index ca2d97d..1eecb91 100644
--- a/src/js/main.js
+++ b/src/js/main.js
@@ -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();