From ccb090e4b21e814b7d157974dc2ab038eb9c5af6 Mon Sep 17 00:00:00 2001
From: MasterAcnolo <68693319+MasterAcnolo@users.noreply.github.com>
Date: Tue, 20 Jan 2026 22:29:56 +0100
Subject: [PATCH] Add: Settings theme color

---
 public/styles/theme/chirac-theme.css   | 10 ++++++++++
 public/styles/theme/dark-theme.css     | 10 ++++++++++
 public/styles/theme/drift-theme.css    | 12 +++++++++++-
 public/styles/theme/fanatic-theme.css  | 10 ++++++++++
 public/styles/theme/light-theme.css    |  9 +++++++++
 public/styles/theme/neon-theme.css     |  9 +++++++++
 public/styles/theme/nf-theme.css       |  9 +++++++++
 public/styles/theme/songbird-theme.css |  9 +++++++++
 public/styles/theme/spicy-theme.css    | 11 +++++++++++
 9 files changed, 88 insertions(+), 1 deletion(-)

diff --git a/public/styles/theme/chirac-theme.css b/public/styles/theme/chirac-theme.css
index daee9f3..2645be5 100644
--- a/public/styles/theme/chirac-theme.css
+++ b/public/styles/theme/chirac-theme.css
@@ -42,6 +42,16 @@ body.chirac {
 
   /* Playlist Color */
   --playlist-background-color: #d1d1d1ca;
+
+  /* Settings */ 
+  --settings-button-bg-color: #00196a;
+  --settings-button-text-color: #dcdcdc;  
+
+  --settings-bg-primary-color: #0b0528;
+  --settings-bg-secondary-color: #1c1055;
+
+  --settings-text-color: #cecece; 
+  --settings-subtitle-color: #adadad;
 }
 
 
diff --git a/public/styles/theme/dark-theme.css b/public/styles/theme/dark-theme.css
index b259c33..e1bd48f 100644
--- a/public/styles/theme/dark-theme.css
+++ b/public/styles/theme/dark-theme.css
@@ -36,4 +36,14 @@ body.dark {
 
   /* Playlist Color */
   --playlist-background-color: #303030;
+
+  /* Settings */
+  --settings-button-bg-color: #1e1e1e;
+  --settings-button-text-color: var(--default-text-color);  
+
+  --settings-bg-primary-color: #1e1e1e;
+  --settings-bg-secondary-color: #2a2a2a;
+  --settings-text-color: var(--default-text-color); 
+  --settings-subtitle-color: #aaa;
+
 }
diff --git a/public/styles/theme/drift-theme.css b/public/styles/theme/drift-theme.css
index 9d318a7..f55f365 100644
--- a/public/styles/theme/drift-theme.css
+++ b/public/styles/theme/drift-theme.css
@@ -42,7 +42,17 @@ body.drift {
 
     /* Playlist Color */
     --playlist-background-color: #424b5cc2;
-    }
+
+    /* Settings */
+    --settings-button-bg-color: #1e222ace;
+    --settings-button-text-color: #b3b3b4;  
+
+    --settings-bg-primary-color: #1e222a;
+    --settings-bg-secondary-color: #272d38;
+
+    --settings-text-color: #bababa; 
+    --settings-subtitle-color: #cacaca;
+}
 
 
 
diff --git a/public/styles/theme/fanatic-theme.css b/public/styles/theme/fanatic-theme.css
index 3f8ff0c..401fd67 100644
--- a/public/styles/theme/fanatic-theme.css
+++ b/public/styles/theme/fanatic-theme.css
@@ -36,4 +36,14 @@ body.fanatic{
 
   /* Playlist Color */
   --playlist-background-color: #2b2b2b;
+
+  /* Settings */
+  --settings-button-bg-color: #1e1e1e;
+  --settings-button-text-color: #dcdcdc;  
+
+  --settings-bg-primary-color: #1e1e1e;
+  --settings-bg-secondary-color: #2d2d2d;
+
+  --settings-text-color: #cecece; 
+  --settings-subtitle-color: #adadad;
 }
diff --git a/public/styles/theme/light-theme.css b/public/styles/theme/light-theme.css
index 862f47d..4b1d2b1 100644
--- a/public/styles/theme/light-theme.css
+++ b/public/styles/theme/light-theme.css
@@ -36,4 +36,13 @@ body.light {
 
   /* Playlist Color */
   --playlist-background-color: #c5c5c5b2;
+
+  /* Settings */
+  --settings-button-bg-color: #e4e4e4;
+  --settings-button-text-color: var(--default-text-color);  
+
+  --settings-bg-primary-color: #cbcbcb;
+  --settings-bg-secondary-color: #cbcbcb;
+  --settings-text-color: var(--default-text-color); 
+  --settings-subtitle-color: #656565; 
 }
diff --git a/public/styles/theme/neon-theme.css b/public/styles/theme/neon-theme.css
index 987cd83..63c87da 100644
--- a/public/styles/theme/neon-theme.css
+++ b/public/styles/theme/neon-theme.css
@@ -43,6 +43,15 @@ body.neon {
 
     /* Playlist Color */
     --playlist-background-color: #3e3e64;
+
+    /* Settings */
+    --settings-button-bg-color: #202038;
+    --settings-button-text-color: var(--default-text-color);  
+
+    --settings-bg-primary-color: #242454;
+    --settings-bg-secondary-color: #2f2f6f;
+    --settings-text-color: var(--default-text-color); 
+    --settings-subtitle-color: #d2d2d2; 
 }
 
 body.neon .download-path {
diff --git a/public/styles/theme/nf-theme.css b/public/styles/theme/nf-theme.css
index 65b086a..5b7ac42 100644
--- a/public/styles/theme/nf-theme.css
+++ b/public/styles/theme/nf-theme.css
@@ -42,6 +42,15 @@ body.nf {
 
   /* Playlist Color */
   --playlist-background-color: #4f4f4f;
+
+  /* Settings */
+  --settings-button-bg-color: #2a2a2a;
+  --settings-button-text-color: var(--default-text-color);  
+
+  --settings-bg-primary-color: #2a2a2a;
+  --settings-bg-secondary-color: #313131;
+  --settings-text-color: var(--default-text-color); 
+  --settings-subtitle-color: #7a7979; 
 }
 
 body.nf .download-path {
diff --git a/public/styles/theme/songbird-theme.css b/public/styles/theme/songbird-theme.css
index 3eaaab3..976d0cc 100644
--- a/public/styles/theme/songbird-theme.css
+++ b/public/styles/theme/songbird-theme.css
@@ -42,6 +42,15 @@ body.songbird {
 
   /* Playlist Color */
   --playlist-background-color: #3f0000;
+  
+  /* Settings */
+  --settings-button-bg-color: rgba(29, 0, 0, 0.784);
+  --settings-button-text-color: var(--default-text-color);  
+
+  --settings-bg-primary-color: #121212;
+  --settings-bg-secondary-color: #1a1a1a;
+  --settings-text-color: var(--default-text-color); 
+  --settings-subtitle-color: #7a7979; 
 }
 
 body.cyberpunk .download-path {
diff --git a/public/styles/theme/spicy-theme.css b/public/styles/theme/spicy-theme.css
index 3866a59..a001407 100644
--- a/public/styles/theme/spicy-theme.css
+++ b/public/styles/theme/spicy-theme.css
@@ -36,6 +36,17 @@ body.spicy {
 
     /* Playlist Color */
     --playlist-background-color: #353232;
+
+    /* Settings */ 
+    --settings-button-bg-color: #1a1a1a;
+    --settings-button-text-color: #dcdcdc;  
+
+    --settings-bg-primary-color: #1a1a1a;
+    --settings-bg-secondary-color: #292929;
+
+    --settings-text-color: #cecece; 
+    --settings-subtitle-color: #adadad;
+
 }
 
 /* Optionnel: background piments */