[Bug Report][3.6.5] text / background color issues in v-chip

[Ribeiro-Tiago]

Environment

Vuetify Version: 3.6.5
Vue Version: 3.4.27
Browsers: Chrome 123.0.0.0
OS: Mac OS 10.15.7

Steps to reproduce

• use v-chip component
• give it a lighter background color
• give it flat variant

Expected Behavior

to exist contrast between and background and text so the text is readable

Actual Behavior

almost no contrast, can't really see text

Reproduction Link

https://play.vuetifyjs.com/#...

Other comments

imo, since the text color changes based on the background color, there should be a check to ensure there's still a contrast between the 2 colours and fallback to a another color that would still be visible

[johnleider]

The color generation system doesn't take into account transparency.

[Ribeiro-Tiago]

@johnleider Does the label mean that you need more information from me or ..? :p

[johnleider]

@KaelWD Do we have any intention to support HEXA in theme color generation?

[KaelWD]

No. Looks like we can pass opacity without breaking rgb(var()) by using r g b / a instead of r, g, b, but there's no way to tell what is behind a transparent element to determine an appropriate text color.

[johnleider]

If you have any questions, please reach out to us in our Discord community.