commit 661beb3802e3d827febcb163bfb90e4f18ad8127
Author: Ben Sima <ben@bensima.com>
Date: Mon Dec 1 10:36:48 2025
Fix code block display in task descriptions for light mode
Light mode: light gray background (#f8f8f8) with dark text and subtle
border Dark mode: dark background (#1e1e1e) with light text
Previously used dark theme for both modes which had poor contrast in
light mode.
Task-Id: t-206
diff --git a/Omni/Jr/Web/Style.hs b/Omni/Jr/Web/Style.hs
index 86a3729d..1f11255b 100644
--- a/Omni/Jr/Web/Style.hs
+++ b/Omni/Jr/Web/Style.hs
@@ -1169,10 +1169,11 @@ markdownStyles = do
".md-code" ? do
fontFamily ["SF Mono", "Monaco", "Consolas", "monospace"] [monospace]
fontSize (px 12)
- backgroundColor "#1e1e1e"
- color "#d4d4d4"
+ backgroundColor "#f8f8f8"
+ color "#333333"
padding (px 10) (px 12) (px 10) (px 12)
borderRadius (px 4) (px 4) (px 4) (px 4)
+ border (px 1) solid "#e1e4e8"
overflow auto
whiteSpace preWrap
margin (em 0.5) (px 0) (em 0.5) (px 0)
@@ -1798,6 +1799,10 @@ darkModeStyles =
".commit-summary" ? color "#d1d5db"
".commit-meta" ? color "#9ca3af"
".md-h1" ? borderBottomColor "#374151"
+ ".md-code" ? do
+ backgroundColor "#1e1e1e"
+ color "#d4d4d4"
+ borderColor "#374151"
".md-inline-code" ? do
backgroundColor "#374151"
color "#f3f4f6"