I’m using --md-sys-color-surface-container-low as my Card surface color, then I referred to Material 3’s Card Component Specs page , and it says one of the specs is Elevated card container surface tint layer color md.sys.color.surface-tint
I referred to it just to check if I did the specs right, but I also know that tint feature has been deprecated:
Introducing Tone-based Surfaces in Material 3
Deprecated – Surface tint overlays
So now I’m confused, because I do feel like the color on my app is off, and yet I don’t know if I should implement the now-deprecated tint system.
I’m not using the deprecated tint system, but I’m unsure if it’s the cause of the color issue in my app.
Deprecated classes are not meant to be used in new code, and are usually slated for removal in a later version. In fact, the page you linked mentions this explicitly:
Material Design no longer supports those overlays, and they should not be used in combination with the new surface color roles.
Tone-based surfaces are in fact the new way to go.
2