Add: Settings theme color

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;
 }
 
 

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;
+
 }

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;
+}
 
 
 

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;
 }

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; 
 }

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 {

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 {

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 {

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 */