From 5044270e684aee170277a658ddf6eabb2b0b2389 Mon Sep 17 00:00:00 2001
From: JustasM <justas.monkev@gmail.com>
Date: Wed, 1 Jan 2025 16:39:58 +0200
Subject: [PATCH] fix(ui): fix washed out dropdown colors in dark mode

This patch enforces a dark-mode-friendly background and text color on the dropdown elements.
No new dependencies introduced.

References #33931
---
 packages/web/src/components/tabbedPane.css | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/packages/web/src/components/tabbedPane.css b/packages/web/src/components/tabbedPane.css
index d3291e02bf..7d3fc7430c 100644
--- a/packages/web/src/components/tabbedPane.css
+++ b/packages/web/src/components/tabbedPane.css
@@ -69,6 +69,14 @@
   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);