Make dropdowns legible.

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(),