diff options
| author | Ben Sima <ben@bensima.com> | 2025-11-27 16:42:58 -0500 |
|---|---|---|
| committer | Ben Sima <ben@bensima.com> | 2025-11-27 16:42:58 -0500 |
| commit | 24debc6dcb69d72056e28fb904b533e970191cb5 (patch) | |
| tree | 8642fd822df1baa6b29408232d06a16a5b790307 /Omni/Jr/Web/Style.hs | |
| parent | 060c5c32131701bf5360505f3a9562c2cf41c740 (diff) | |
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
Diffstat (limited to 'Omni/Jr/Web/Style.hs')
| -rw-r--r-- | Omni/Jr/Web/Style.hs | 6 |
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 = |