Commit 24debc6d

commit 24debc6dcb69d72056e28fb904b533e970191cb5
Author: Ben Sima <ben@bensima.com>
Date:   Thu Nov 27 16:42:58 2025

    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

diff --git a/Omni/Jr/Web/Style.hs b/Omni/Jr/Web/Style.hs
index 86fe5d0b..dd5bc404 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 =