tweak dropbox looks

assets/custom.css

@@ -23,34 +23,6 @@ body {
     padding: 15px;
 }
 
-.Select-control {
-    background-color: rgb(25, 25, 25) !important;
-    color: white;
-}
-
-.Select-value-label {
-    color: white !important;
-}
-
-.Select-menu-outer {
-    background-color: rgb(25, 25, 25);
-    color: white;
-}
-
-#langue_dropdown .Select-value-label {
-    color: rgb(37, 224, 37) !important;
-}
-
-#langue_dropdown .Select-control {
-    background-color: red !important;
-    color: white;
-}
-
-#langue_dropdown .Select-menu-outer {
-    background-color: rgb(25, 25, 25);
-    color: white;
-}
-
 .title-bar {
     position: fixed;
     top: 0;
@@ -111,6 +83,25 @@ body {
     }
 }
 
+/* ----- drop boxes ----- */
+.Select-control {
+    background-color: var(--dark-bg);
+}
+
+.Select-control:hover {
+    background-color: var(--grey-bg);
+}
+
+.Select-value-label {
+    color: white !important;
+}
+
+.Select-menu-outer {
+    background-color: var(--dark-bg);
+    color: white;
+}
+
+
 .footer {
     position: fixed;
     bottom: 0;
@@ -127,7 +118,6 @@ body {
     font-size: 0.9rem;
 }
 
-
 /* Add some bottom margin to the main content to prevent overlap with footer */
 .main-content {
     margin-bottom: 20px;