better dropdown styling

ECN · May 2, 2024 · 8feb3f3 · 8feb3f3
1 parent 7d5579b
commit 8feb3f3
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/tdx-enhanced.js b/tdx-enhanced.js
@@ -569,15 +569,19 @@
         }
 
         .select2-container-multi .select2-choices .select2-search-choice {
-            background-color: var(--dark-bg-1);
+            background-color: var(--dark-bg-4);
             color: var(--dark-txt-2);
         }
 
-        .select2-drop {
+        .select2-drop, .select2-dropdown-open.select2-drop-above [class^=select2-choice] {
             background-color: var(--dark-bg-1);
             color: var(--dark-txt-2);
         }
 
+        .select2-container-multi .select2-choices .select2-search-field input.select2-active {
+            background: var(--dark-bg-2) !important;
+        }
+
         .select2-results .select2-highlighted {
             background-color: var(--dark-bg-3);
         }
@@ -926,14 +930,14 @@
         }
 
         .select2-container .select2-choice, .select2-container .select2-choices, .select2-container .select2-choices .select2-search-field input {
-            border: 1px solid var(--dark-border-0);
+            border-color: var(--dark-border-0);
         }
 
         .select2-container-multi .select2-choices .select2-search-choice {
             border: 1px solid var(--dark-border-0);
         }
 
-        .select2-drop-active {
+        .select2-drop-active, .select2-dropdown-open.select2-drop-above [class^=select2-choice] {
             border-color: var(--dark-col-1);
         }