: Material design: text color settings I'm trying to follow Google material design guidelines. I use the same settings for text color but the text is hard to read because in the examples they

@Smith574

According to the guidelines, 26% opacity is meant for hint text and disabled text. More prominent labels should be 87% black or 54% black depending on whether they are considered primary or secondary text.

In the guideline you quoted:


Text hints for users, like those in text fields and labels, have an even lower visual prominence and should have an alpha value of 26% (#000000).


Note they were referring to "text hints," and said they are supposed to have "even lower visual prominence."

The latest version of the guidelines suggests a tiny bit more opacity for light text on dark backgrounds, but they are otherwise the same:


Hint and disabled text and icons have an opacity of 26% for dark text on light backgrounds, and an opacity of 30% for white text on dark backgrounds.


The current guidelines can be seen at UI color application. (That section is a bit confusing as they list the dark colors using a table that has varying text and background colors that don't actually follow the guidelines.)

Vote Up Vote Down