-
Notifications
You must be signed in to change notification settings - Fork 25
fix: Non-text contrast (WCAG 1.4.11) #816
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Conversation
✅ Deploy Preview for cld-video-player ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
782e062 to
e3612db
Compare
✅ Deploy Preview for cld-vp-esm-pages ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
| } | ||
|
|
||
| .vjs-slider { | ||
| background-color: color-mix(in srgb, var(--color-text) 10%, transparent); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
we have both --text-color and --color-text ? what is the diff?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Missed this, we actually have two system of color variables, an old one in JS we implemented before css-vars was a thing, then when css started supporting variable we started using that.
I would be very happy to move everything to CSS vars, it would improve the flow and reduce JS bundle size
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This PR fixes an issue with the volume slider track color-contrast
Before:

After:
