I have some difficulty applying the contrast color to the new theming m-3.
m-2 configuration allowed us to use contrast like this
$mat-warn: (
50: #fee8e7,
100: #fcc6c3,
200: #faa19b,
300: #f87b72,
400: #f75e54,
500: #f54236,
600: #f43c30,
700: #f23329,
800: #f02b22,
900: #ee1d16,
A100: #ffffff,
A200: #ffebeb,
A400: #ffbab8,
A700: #ffa19e,
contrast: (
50: $dark-primary-text,
100: $dark-primary-text,
200: $dark-primary-text,
300: $dark-primary-text,
400: $dark-primary-text,
500: $light-primary-text,
600: $light-primary-text,
700: $light-primary-text,
800: $light-primary-text,
900: $light-primary-text,
A100: $dark-primary-text,
A200: $dark-primary-text,
A400: $dark-primary-text,
A700: $dark-primary-text,
)
);
but we can’t use it with m-3
$_palettes: (
....
error: (
0: #000000,
10: #20100a,
20: #4e1f17,
25: #832c22,
30: #9e3227,
35: #d83e32,
40: #F54236,
50: #f64437,
60: #fb5f4b,
70: #ff8b75,
80: #ff9f8b,
90: #ffb3a1,
95: #ffc6b8,
98: #ffd9cf,
99: #ffece7,
100: #ffffff
),
)
I have read material documentation about color but haven’t found anything about that.
I have read https://material.angular.io/guide/theming and https://m3.material.io/styles/color/roles
but not find anything that helped me.
I want to change the contrast because with some palettes the default contrast applied to reach the text unreadable