Skip to content

Improve accessibility and contrast of light theme - #4601

Closed
alvynabranches wants to merge 1 commit into
mozilla:mainfrom
alvynabranches:fix-4206-light-theme-contrast
Closed

alvynabranches wants to merge 1 commit into
mozilla:mainfrom
alvynabranches:fix-4206-light-theme-contrast

Conversation

@alvynabranches

Copy link
Copy Markdown

Summary

Applies the WIP contrast patch to make the light theme readable (stronger control borders, placeholders, tooltip surfaces, status palette).

Issue

Fixes #4206

Based on the WIP patch attached to the issue by @flodolo (45d04a9), with the profile.css timeline hunk adapted to current main (extra .unlinked block). 42 files, same stat as original.

Addresses @mathjazz feedback where clear (borders, placeholders, tooltips, single focus indicator); status palette/brand follow-ups welcome as separate iterations.

Changes

  • light-theme.css/dark-theme.css: --control-border, --focus-ring, tooltip surfaces, chart vars; drop -alt status variants.
  • 40 other CSS/TS files updated to new vars.

Testing

  • Visual check needed in both themes; no logic changes.
  • Prettier check should pass (CSS only).

Admin notes

CSS-only, no migrations. Co-authored from flodolo WIP.

Apply WIP contrast patch (stronger control borders, placeholders,
tooltip surfaces, status palette without -alt variants, single focus
indicator). Based on attached WIP by flodolo, with profile.css hunk
adapted to current main.

Fixes mozilla#4206
@flodolo flodolo closed this Oct 11, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Improve accessibility and contrast of light theme

2 participants