Skip to content

fix(web): keep accent text readable on a light primary color - #22

Merged
ksprptr merged 1 commit into
prodfrom
dev
Sep 20, 2026
Merged

ksprptr merged 1 commit into
prodfrom
dev

Conversation

@ksprptr

@ksprptr ksprptr commented Sep 20, 2026

Copy link
Copy Markdown
Owner

What

Solid accent surfaces now pick their text/glyph color by contrast instead of
always using white. A new --app-primary-foreground token is derived from
APP_PRIMARY_COLOR (white, or near-black when the accent is light) and drives
every solid primary-600 surface: the primary button, the login and sidebar
badges, the Connect-Drive button, the 404 link, the checkbox tick, and the
generated favicon / apple / manifest icons and the OG image.

Why

A light APP_PRIMARY_COLOR rendered white text on a near-white button — e.g.
the login "Sign in" button became white-on-white and unreadable. The color is
now chosen by WCAG contrast, so any accent stays legible. The shipped green is
untouched (still white text), so existing instances render identically.

@ksprptr
ksprptr merged commit b9b74dd into prod Sep 20, 2026
2 checks passed
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.

1 participant