Add light theme support via prefers-color-scheme media query

t-637·WorkTask·
·
·
Parent:t-642·Created9 hours ago·Updated5 hours ago

Description

Edit

The task web UI is dark-first with no light mode support. Users with system light theme preference see the dark theme regardless.

Add @media (prefers-color-scheme: light) CSS rules that override the dark color tokens with light equivalents.

Implementation:

  • In Omni/Web/Style.hs, the color palette is defined as constants (cBg, cFg, cBgRaised, etc.)
  • Add a prefers-color-scheme: light media query block that overrides CSS custom properties
  • Approach: convert the hardcoded Haskell color constants to CSS custom properties (var(--bg), var(--fg), etc.), set dark values as default, override in the light media query
  • If converting to CSS custom properties is too invasive, alternatively add a @media (prefers-color-scheme: light) block at the end of the CSS that targets the same selectors with light colors

Light palette suggestion (inverse of current ef-dream dark theme):

  • Background: #faf8f6 (warm cream)
  • Foreground: #232025 (current dark bg)
  • Raised bg: #ffffff
  • Border: #d4d0cc
  • Muted: #6b6568
  • Accent: keep current accent colors but slightly darker for contrast

Key files: Omni/Web/Style.hs, Omni/Task/Web/Style.hs Namespace: Omni/Task.hs

Timeline (35)

🔄[system]Open → InProgress8 hours ago
💬[system]8 hours ago

Pipeline: dev failed (run=dev-t-637-1771440519): Agent completed but made no commit

🔄[system]InProgress → Open8 hours ago
🔄[system]Open → InProgress8 hours ago
💬[system]7 hours ago

Pipeline: dev completed (run=dev-t-637-1771441707, cost=0.0c)

🔄[system]InProgress → Verified7 hours ago
💬[system]7 hours ago

Pipeline: verification skipped (No namespace set, skipping build verification), promoting

🔄[system]Verified → Done7 hours ago
💬[system]7 hours ago

Pipeline: integrated into live at c8451f89d9982e4b00ccf8f94bb6aad7a104dc8e

💬[human]5 hours ago

This is almost done. When rendering markdown files, in the /files app, the background is still dark even in light mode. Please fix that.

🔄[human]Done → Open5 hours ago
🔄[system]Open → InProgress5 hours ago
🔄[human]InProgress → Open5 hours ago
💬[system]5 hours ago

Pipeline: dev failed (run=dev-t-637-1771451566): Agent completed but made no commit

🔄[system]Open → InProgress5 hours ago
💬[system]5 hours ago

Pipeline: dev failed (run=dev-t-637-1771451672): Agent completed but made no commit

🔄[system]InProgress → Open5 hours ago
🔄[system]Open → InProgress5 hours ago
💬[system]5 hours ago

Pipeline: dev failed (run=dev-t-637-1771451854): Agent completed but made no commit

🔄[system]InProgress → Open5 hours ago
🔄[system]Open → InProgress5 hours ago
💬[system]5 hours ago

Pipeline: dev failed (run=dev-t-637-1771452171): Agent completed but made no commit

🔄[system]InProgress → Open5 hours ago
🔄[system]Open → NeedsHelp5 hours ago
💬[system]5 hours ago

Pipeline: exceeded 5 retries on patchset 0