From a0e7218e5e35e6b7b6767f945f3e81eaa44868eb Mon Sep 17 00:00:00 2001
From: ra939 <ra939@students.waikato.ac.nz>
Date: Sun, 5 Oct 2025 08:51:56 +0000
Subject: [PATCH] commit dropdown menu CSS

---
 client/assets/app.css | 36 ++++++++++++++++++++++++++++++++++++
 1 file changed, 36 insertions(+)

diff --git a/client/assets/app.css b/client/assets/app.css
index 36b3b4bad..343c8309a 100644
--- a/client/assets/app.css
+++ b/client/assets/app.css
@@ -250,3 +250,39 @@ Bookshelf Label
 .abs-btn:disabled::before {
   background-color: rgba(0, 0, 0, 0.2);
 }
+
+
+
+option {
+  background-color: #111827;   /* dropdown entries */
+  color: #e5e7eb;
+}
+
+/* Let browsers render dark native widgets when supported */
+@supports (color-scheme: dark) {
+  select, option, input, textarea {
+    color-scheme: dark;
+  }
+}
+
+/* Placeholder contrast */
+::placeholder { color: #9ca3af; }
+::-webkit-input-placeholder { color: #9ca3af; }
+::-moz-placeholder { color: #9ca3af; opacity: 1; }
+:-ms-input-placeholder { color: #9ca3af; }
+
+
+/* Custom listbox (our AbsSelect / RecommendModal) should always float above */
+[role='listbox'] {
+  z-index: 10000 !important;
+}
+
+/* Keep selects readable inside modals or dark sections even if other CSS leaks in */
+.modal select,
+.modal option,
+.fixed select,
+.fixed option {
+  background-color: #111827 !important;
+  color: #e5e7eb !important;
+  border-color: #374151 !important;
+}