Commit d847446
committed
fix(ui): raise muted text opacities for WCAG AA contrast (#35)
The text-color ladder was Material Design's dark-theme values
(87/60/38% white), but those are tuned for Material's #121212
base. Our --color-surface-base is oklch(0.10 0 0), noticeably
darker, so the same opacities land below WCAG AA: text-tertiary
at 38% white over our base is only ~3.6:1 (AA needs 4.5:1),
which is why the Streams table's muted labels read as nearly
invisible.
Raise the ladder while preserving the primary > secondary >
tertiary hierarchy:
primary 0.87 -> 0.92
secondary 0.60 -> 0.75 (~AA)
tertiary 0.38 -> 0.55 (~5.4:1, comfortably AA)
Reported in issue #35.1 parent 561873b commit d847446
29 files changed
Lines changed: 78 additions & 72 deletions
File tree
- server/frontend
- dist
- assets
- src/entries
- src
Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.
Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.
Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.
Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.
Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.
0 commit comments