fix(frontend): readability in both themes #188

Merged
logan merged 1 commits from fix/ui-readability into main 2026-09-27 16:20:54 -04:00
Owner

Map overlay panels were see-through in dark mode (opacity-modified token classes generated no CSS); light mode turned button labels navy on blue/red and left profile values near-invisible; dark-mode gray-600/700 hints were ~2.4:1. Verified by injecting the rules on the live site in both themes; frontend build unverified locally (no Node) — CI is the first build.

🤖 Generated with Claude Code

Map overlay panels were see-through in dark mode (opacity-modified token classes generated no CSS); light mode turned button labels navy on blue/red and left profile values near-invisible; dark-mode gray-600/700 hints were ~2.4:1. Verified by injecting the rules on the live site in both themes; frontend build unverified locally (no Node) — CI is the first build. 🤖 Generated with [Claude Code](https://claude.com/claude-code)
logan added 1 commit 2026-09-27 16:17:35 -04:00
- Token colors wrapped in color-mix so opacity modifiers (bg-surface/90 etc.)
  generate rules; map overlay panels were rendering see-through.
- Light mode: keep white text on saturated fills (primary/danger buttons were
  remapped to navy); map text-gray-200, bg-gray-800/60, border-gray-600.
- Dark mode: lift text-gray-600/700 to gray-500 for contrast.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
logan merged commit 33bb60b165 into main 2026-09-27 16:20:54 -04:00
Sign in to join this conversation.