From a9aa6cdc7462144e7d8b2fe56a1e48890c4c2a3e Mon Sep 17 00:00:00 2001
From: JustasM <justas.monkev@gmail.com>
Date: Wed, 1 Jan 2025 17:27:45 +0200
Subject: [PATCH] fix(ui): ensure consistent dark-mode background for input and
 select toolbar.css

---
 packages/web/src/components/tabbedPane.css | 8 --------
 packages/web/src/components/toolbar.css    | 4 ++++
 2 files changed, 4 insertions(+), 8 deletions(-)

diff --git a/packages/web/src/components/tabbedPane.css b/packages/web/src/components/tabbedPane.css
index 7d3fc7430c..d3291e02bf 100644
--- a/packages/web/src/components/tabbedPane.css
+++ b/packages/web/src/components/tabbedPane.css
@@ -69,14 +69,6 @@
   justify-content: center;
 }
 
-@media (prefers-color-scheme: dark) {
-  .dropdown-content,
-  select,
-  option {
-    background-color: var(--vscode-tab-activeBackground);
-  }
-}
-
 .tabbed-pane-tab-counter.error {
   background: var(--vscode-list-errorForeground);
   color: var(--vscode-button-foreground);
diff --git a/packages/web/src/components/toolbar.css b/packages/web/src/components/toolbar.css
index 8bebf79c62..47d4b4ab62 100644
--- a/packages/web/src/components/toolbar.css
+++ b/packages/web/src/components/toolbar.css
@@ -63,6 +63,10 @@
   margin: 2px;
 }
 
+.toolbar select {
+  background-color: var(--vscode-tab-activeBackground) !important;
+}
+
 .toolbar input, .toolbar select {
   border: none;
   color: var(--vscode-input-foreground);