WIP: light/dark moved to settings

Author: JulienMaille

README.md

@@ -33,26 +33,14 @@ curl -fsSL https://raw.githubusercontent.com/JulienMaille/spicetify-dynamic-them
     ```
     spicetify config extensions default-dynamic.js extensions Vibrant.min.js
     spicetify config current_theme DefaultDynamic
-    spicetify config color_scheme base
+    spicetify config color_scheme Dark-Base
     spicetify config inject_css 1 replace_colors 1
     spicetify apply
     ```
 
-## Follow system dark/light theme
-> [!IMPORTANT]
-> From Spotify v1.2.17, dark mode is forced. You will need to patch Spotify binary:
-
-#### Windows (PowerShell)
-
-```powershell
-Invoke-WebRequest -UseBasicParsing "https://raw.githubusercontent.com/JulienMaille/spicetify-dynamic-theme/master/patch-dark-mode.ps1" | Invoke-Expression
-```
-
-#### Linux/MacOS (Bash)
-
-```bash
-curl -fsSL "https://raw.githubusercontent.com/JulienMaille/spicetify-dynamic-theme/master/patch-dark-mode.sh" | sh
-```
+## Settings
+-   **Theme**: You can choose between `dark` and `light` theme in the Spicetify settings menu.
+-   **Animation**: You can toggle the animation on or off by changing the color scheme in the Spicetify settings menu.
 
 ## Uninstall
 

color.ini

@@ -1,4 +1,12 @@
-[Base]
+[Dark-Base]
 animation                             = 010101
-[NoAnimation]
+dark                                  = 010101
+[Light-Base]
+animation                             = 010101
+dark                                  = 000000
+[Dark-NoAnimation]
+animation                             = 000000
+dark                                  = 010101
+[Light-NoAnimation]
 animation                             = 000000
+dark                                  = 000000

default-dynamic.js

@@ -106,6 +106,7 @@ function setLightness(hex, lightness) {
 
 let textColor = "#1db954";
 let textColorBg = getComputedStyle(document.documentElement).getPropertyValue("--spice-main");
+let settingsDark = getComputedStyle(document.documentElement).getPropertyValue("--spice-dark");
 
 function setRootColor(name, colHex) {
     let root = document.documentElement;
@@ -134,13 +135,8 @@ function toggleDark(setDark) {
     updateColors(textColor);
 }
 
-/* Init with current system light/dark mode */
-let systemDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
-toggleDark(systemDark);
-
-window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", (e) => {
-    toggleDark(e.matches);
-});
+/* Init with light/dark mode from settings */
+toggleDark(settingsDark);
 
 waitForElement([".main-actionButtons"], (queries) => {
     // Add activator on top bar
@@ -353,7 +349,7 @@ songchange();
         .catch((err) => {
             // Do something for an error here
         });
-    Spicetify.showNotification("Applied system " + (systemDark ? "dark" : "light") + " theme.");
+    Spicetify.showNotification("Applied " + (settingsDark ? "dark" : "light") + " theme.");
 })();
 
 document.documentElement.style.setProperty("--warning_message", " ");