Material design - opacity


#1

Hi,

I am creating mockups for material design and I need to set the opacity of a text field following the guidelines (https://material.io/guidelines/components/text-fields.html#text-fields-style).

For a light theme a text field must be black with opacity 100%, 87%, 54% 38% depending on the state.

I have approssimated the effect using a white rectangle white opacity 25%, 50%, 75% above a field black, but this trick works only if the background is white. Is there another way to do it?

Please add the opacity to labels and text field or, better, provide material design specific controls: if you are implementing all the specs (e.g. pad, font size, ocpacity etc…) your tool becomes immediately the preferred one on the market ;).

Kind Regards
Mario

I have


#2

Hi @Mario_Ferrari! Hope you’re doing well. :slight_smile:

We added some in a recent release (version 3.5) and we plan to add more in the future. I’m adding your suggestions for adding opacity settings to the Text and Label controls and we’ll discuss it more with the team.

Thanks for taking the time to share your need today.


#3

Thanks Virgin,

I forgot to write that I am using 3.5.8 for Windows version. The latest one.

Have a nice weekend.
Mario