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

1 files changed, 7 insertions, 2 deletions

diff --git a/Omni/Jr/Web/Style.hs b/Omni/Jr/Web/Style.hs
index 86a3729..1f11255 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"