The value of Gray is inconsistant

[Orasund]

While studing the material design specification, I came across two different values for gray:

1. Classical 50% gray: Color.rgb255 0x77 0x77 0x77
2. A gray tone that adapts to the palette: palette.on.surface |> MaterialColor.scaleOpacity 0.14

While I'm still not sure why there are two versions, I do believe that the second definition is a lot more pleasing to the eyes and thus I'll go with that one (mostly because I can't believe that the first version is the official one)

The new version will be added as Material.gray. The old version will be removed in Version 4.0.0

[Orasund]

Actually, there really is more than one gray tone.

I've seen 3 in total: 14%, 50%, 77% Gray

Here is what I notice so far:

• 14% - Used for Border and Divider
• 70% - Used in text
• 50% - Used for anything else