From b306fa022ca0a954e2d0fea66285b2b4f5580ac5 Mon Sep 17 00:00:00 2001
From: Petru Paler <petru@paler.net>
Date: Thu, 8 Jan 2026 15:52:14 +0000
Subject: [PATCH] Make dropdowns legible.

---
 src/animaltrack/web/templates/base.py | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/src/animaltrack/web/templates/base.py b/src/animaltrack/web/templates/base.py
index 2d3bc29..26afa50 100644
--- a/src/animaltrack/web/templates/base.py
+++ b/src/animaltrack/web/templates/base.py
@@ -27,6 +27,29 @@ def TabStyles():  # noqa: N802
     """)
 
 
+def SelectStyles():  # noqa: N802
+    """CSS styles to fix select/option visibility in dark mode."""
+    return Style("""
+        /* Ensure select dropdowns and options are visible in dark mode */
+        select, select option {
+            background-color: #1c1c1c;
+            color: #e5e5e5;
+        }
+        /* UIkit select dropdown styling */
+        .uk-select, .uk-select option {
+            background-color: #1c1c1c;
+            color: #e5e5e5;
+        }
+        /* FrankenUI/UIkit custom select dropdown items */
+        [uk-dropdown] li, .uk-dropdown li {
+            color: #e5e5e5;
+        }
+        [uk-dropdown] li:hover, .uk-dropdown li:hover {
+            background-color: #2a2a2a;
+        }
+    """)
+
+
 def EventSlideOverStyles():  # noqa: N802
     """CSS styles for event detail slide-over panel."""
     return Style("""
@@ -169,6 +192,7 @@ def page(
         BottomNavStyles(),
         SidebarStyles(),
         TabStyles(),
+        SelectStyles(),
         EventSlideOverStyles(),
         SidebarScript(),
         EventSlideOverScript(),