Skip to content

FeedEcho v1.3.0 — UI Redesign: Color Palette + Light/Dark Themes

Choose a tag to compare

View all tags
@jcrabapple jcrabapple released this 09 Aug 00:26
· 6 commits to master since this release
v1.3.0
e9f2d9b

FeedEcho v1.3.0 — UI Redesign

Full visual redesign replacing the monochrome blue palette with a dynamic, token-based color system and light/dark theme support.

Highlights

  • New OKLCH color palette — warm coral primary, teal secondary, and semantic green/gold/red accents. Brand colors hang off 5 hue variables at the top of `style.css`, so reskinning is a one-line change.
  • Light + dark themes — toggle button in the navbar (persists to `localStorage`), falls back to system preference, follows live OS theme changes. Theme is applied pre-paint via an inline script — no flash of the wrong theme on load.
  • Colorful dashboard — stat cards now rotate coral → teal → green → gold accents.
  • Adaptive browser chrome — `theme-color` meta and `color-scheme` set per theme so mobile status bars, form controls, and scrollbars match.

Quality

  • Both themes pass WCAG AA contrast on primary buttons (7.9:1 light, 5.0:1 dark)
  • Hardcoded badge/alert hex colors replaced with semantic, theme-aware tokens
  • Added proper `.alert-warning` class (was an inline-style hack)
  • `prefers-reduced-motion` respected
  • All 71 tests passing

Upgrade

Pull the latest `master` and restart `feedecho.service`. No database or config changes required.

Assets 2
Loading