Style navbar dropdowns for dark mode compatibility

The build and tests pass. The change adds proper dark mode styling
for n

Task-Id: t-154.5

1 files changed, 6 insertions, 0 deletions

diff --git a/Omni/Jr/Web/Style.hs b/Omni/Jr/Web/Style.hs
index 86fe5d0..dd5bc40 100644
--- a/Omni/Jr/Web/Style.hs
+++ b/Omni/Jr/Web/Style.hs
@@ -1036,6 +1036,12 @@ darkModeStyles =
       backgroundColor "#374151"
       borderColor "#4b5563"
       color "#f3f4f6"
+    -- Responsive dark mode: dropdown content needs background on mobile
+    query Media.screen [Media.maxWidth (px 600)] <| do
+      ".navbar-dropdown-content" ? do
+        backgroundColor "#1f2937"
+      ".navbar-dropdown-item" # hover ? do
+        backgroundColor "#374151"
 
 prefersDark :: Stylesheet.Feature
 prefersDark =