From 24debc6dcb69d72056e28fb904b533e970191cb5 Mon Sep 17 00:00:00 2001 From: Ben Sima Date: Thu, 27 Nov 2025 16:42:58 -0500 Subject: 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 --- Omni/Jr/Web/Style.hs | 6 ++++++ 1 file changed, 6 insertions(+) (limited to 'Omni') 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 = -- cgit v1.2.3