Vuetify: [Feature Request] CSS color variables in RGB or HUE

[ctwhome]

Problem to solve

Variable colors for theming are based in HEX color: #FFFFFF
It is not possible to use functions like color : rgba(var(--v-primary-base),0.5); to add opacity to the background color.

Proposed solution

Change to RBG format: RGB(255, 255, 255) the color themes, so it can be more flexible to manipulate. This could also allow playing with the text color based on the background-color: https://css-tricks.com/switch-font-color-for-different-backgrounds-with-css/

RGB or HUE format

[KaelWD]

I thought I'd opened this already but apparently not.

[185driver]

The ability to add opacity to the theme.themes object in the vuetify plugin would be quite helpful at times, though to my mind, an alternative solution would be to simply add opacity capability using hex (e.g. #000000de).

[ctwhome]

The ability to add opacity to the theme.themes object in the vuetify plugin would be quite helpful at times, though to my mind, an alternative solution would be to simply add opacity capability using hex (e.g. #000000de).

that would be interesting indeed. The idea of this request is to be able to read the color of a text with contrast enough, not about the opacity, please check the link: https://css-tricks.com/switch-font-color-for-different-backgrounds-with-css/#article-header-id-5

[185driver]

Apologies. I'll open a new issue. Thanks.

[stanislavhh]

Does anyone know if there will be work on this feature?