From d7b883448138f0c79cd3c6e1af0636753f4ec0fd Mon Sep 17 00:00:00 2001
From: Alexander Minges <alexander.minges@gmail.com>
Date: Wed, 30 Jul 2025 18:37:42 +0200
Subject: [PATCH] fix: select option visibility in dark mode with proper
 background colors

---
 scss/components/shared/_form_group.scss | 27 +++++++++++++++++++++++++
 1 file changed, 27 insertions(+)

diff --git a/scss/components/shared/_form_group.scss b/scss/components/shared/_form_group.scss
index 9f163ea9..85f70230 100644
--- a/scss/components/shared/_form_group.scss
+++ b/scss/components/shared/_form_group.scss
@@ -89,6 +89,33 @@
     background-size: 8px;
     padding-right: 24px;
     width: auto !important;
+
+
+  }
+}
+
+// Dark mode: try to achieve dark background for select options
+.theme-dark .ds4-item-sheet .form-fields select {
+  color-scheme: dark;
+
+  option {
+    background-color: var(--color-cool-4) !important;
+    background: var(--color-cool-4) !important;
+    color: var(--color-light-2) !important;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+  }
+
+  option:checked {
+    background-color: var(--color-cool-3) !important;
+    background: var(--color-cool-3) !important;
+    color: var(--color-light-1) !important;
+  }
+
+  option:hover {
+    background-color: var(--color-cool-3) !important;
+    background: var(--color-cool-3) !important;
   }
 }