Vuetify: [Feature Request] Add opacity capability to Vuetify plugin theme colors

Created on 22 Jan 2020  路  4Comments  路  Source: vuetifyjs/vuetify

Problem to solve

Expand the ability of developers to select or create theme.themes object colors within the vuetify plugin having an opacity element to them (e.g. #000000de). At present, theme colors are limited to the six digit variety.

Several colors in use by vuetify itself (such as text colors) make use of the opacity digits, but the theme engine does not. This would add parity to that situation.

Proposed solution

Modify the underlying source code to handle all eight hex color digits correctly.

Theme feature

Most helpful comment

current workaround would be to use rgba()
Will keep this in consideration for v3 when theme service + colors get worked on.

All 4 comments

current workaround would be to use rgba()
Will keep this in consideration for v3 when theme service + colors get worked on.

Thanks. I'm not finding that the plugin is handling rgb() or rgba() values. Maybe it's me.

Oh! nvm, totally misread jaceks comment earlier, he linked to
https://github.com/vuetifyjs/vuetify/issues/4950 which proposed the same thing, though that's old

There's also #9282. If we're switching entirely to custom properties in v3 they would be limited to rgb only to be able to be used with rgba(var(), n)

Was this page helpful?
0 / 5 - 0 ratings

Related issues

cawa-93 picture cawa-93  路  3Comments

ricardovanlaarhoven picture ricardovanlaarhoven  路  3Comments

gluons picture gluons  路  3Comments

dschreij picture dschreij  路  3Comments

itanka9 picture itanka9  路  3Comments