Since the very start of the upstream like 2018, there has been a lot of cases where opacity values were used to set text color. From the developers' viewpoint, it is very confusing and makes it hard to maintain the consistency, because opacity values do not tell us in which color the text actually will be rendered since they change transparency of the inherited color which those opacity values do not tell us.
If specified in color: #aaa, then it is clear that the text will be rendered in #aaa lest there should be cascading
If specified in opacity: 0.5, then it is not clear how the text will be rendered actually until we manually check it on the browser because we do not know the original value
Describe alternatives you've considered:
Replacing color values with opacity for consistency instead would not be practical. Maintaining consistency code-wise should be the goal here, and using color and opacity at the same time to set text color does not contribute to it.
Description:
Since the very start of the upstream like 2018, there has been a lot of cases where
opacityvalues were used to set text color. From the developers' viewpoint, it is very confusing and makes it hard to maintain the consistency, becauseopacityvalues do not tell us in which color the text actually will be rendered since they change transparency of the inherited color which thoseopacityvalues do not tell us.color: #aaa, then it is clear that the text will be rendered in#aaalest there should be cascadingopacity: 0.5, then it is not clear how the text will be rendered actually until we manually check it on the browser because we do not know the original valueDescribe alternatives you've considered:
Replacing color values with opacity for consistency instead would not be practical. Maintaining consistency code-wise should be the goal here, and using
colorandopacityat the same time to set text color does not contribute to it.Additional context: