Skip to content

fix(website): improve progress percentage contrast in dark mode#1345

Open
LaplaceYoung wants to merge 1 commit into
google:mainfrom
LaplaceYoung:fix/issue-681-progress-contrast
Open

fix(website): improve progress percentage contrast in dark mode#1345
LaplaceYoung wants to merge 1 commit into
google:mainfrom
LaplaceYoung:fix/issue-681-progress-contrast

Conversation

@LaplaceYoung
Copy link
Copy Markdown

Summary

  • improve the score percentage text contrast in the website-ng progress component
  • remove conflicting utility classes ( ext-foreground, mix-blend-difference) that can make the percentage unreadable on dark backgrounds
  • keep percentage text white and add a subtle text-shadow for reliable readability

Motivation

Fixes #681.

Testing

  • Not run (UI-only CSS class change in website-ng; local dependencies were not installed in this automation run).

@google-cla
Copy link
Copy Markdown

google-cla Bot commented Apr 15, 2026

Thanks for your pull request! It looks like this may be your first contribution to a Google open source project. Before we can look at your pull request, you'll need to sign a Contributor License Agreement (CLA).

View this failed invocation of the CLA check for more information.

For the most up to date status, view the checks section at the bottom of the pull request.

@LaplaceYoung
Copy link
Copy Markdown
Author

I agree with the CLA

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.

UI shows dark percentage on dark background

1 participant