Alo/animaltrack
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make dropdowns legible.

Browse Source
This commit is contained in:
Petru
2026-01-08 15:52:14 +00:00
parent 1853bca745
commit b306fa022c
1 changed files with 24 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/animaltrack/web/templates/base.py
View File

@@ -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 def EventSlideOverStyles(): # noqa: N802
"""CSS styles for event detail slide-over panel.""" """CSS styles for event detail slide-over panel."""
return Style(""" return Style("""
@@ -169,6 +192,7 @@ def page(
BottomNavStyles(), BottomNavStyles(),
SidebarStyles(), SidebarStyles(),
TabStyles(), TabStyles(),
SelectStyles(),
EventSlideOverStyles(), EventSlideOverStyles(),
SidebarScript(), SidebarScript(),
EventSlideOverScript(), EventSlideOverScript(),