Add dark mode styles for retry/failure banner on task detail pages

t-191·WorkTask·
·
·
·Omni/Jr.hs
Created3 months ago·Updated3 months ago

Description

Edit

The retry banner that appears on task pages when a task has failed attempts uses light theme colors. In dark mode, the yellow/red backgrounds and dark text are hard to read.

Components needing dark mode styles in Style.hs darkModeStyles:

  • .retry-banner-warning (line 1196) - uses #fef3c7 yellow bg, needs dark amber (e.g., bg #451a03, border #b45309)
  • .retry-banner-critical (line 1199) - uses #fee2e2 red bg, needs dark red (e.g., bg #450a0a, border #dc2626)
  • .retry-attempt (line 1212) - uses #374151 text, needs lighter (#d1d5db)
  • .retry-banner-details (line 1222) - uses #374151 text, needs lighter
  • .retry-value (line 1234) - uses #4b5563 text, needs lighter (#9ca3af)
  • .retry-commit (line 1236) - uses light gray bg #f3f4f6, needs dark (#374151)

Pattern: similar to .badge dark mode variants with darker saturated backgrounds and lighter text.

Timeline (0)

No activity yet.