Zoltan Demant
10/17/2023, 12:26 PMsecondaryContainer
is the go-to for chips, navBar, drawerItems, etc; all of these being smaller elements, I feel like bigger ones should use something different? Screenshots show focused card (using d-pad), and the same thing with secondaryContainer
.ascii
10/17/2023, 12:51 PMsurfaceTint
with varying opacities, e.g. .04 or .12Zoltan Demant
10/17/2023, 12:57 PMSurfaceContainerHighest
looks similar to the focused state I screenshotted above, but Im not sure if thats the intended use-case? If the absolute elevation is high enough, the card will have this color by default, I think.
As for using surfaceTint, which color do you overlay it over? surfaceTint.copy(alpha = 0.12f).compositeOver(surfaceContainer)
looks pretty nice. When using such a strong color as I was in screenshot #2, I just feel like the other colors become washed out and lose their purpose.ascii
10/17/2023, 1:18 PMsurfaceContainer
in my theme yet, so I just use surface
If the absolute elevation is high enough, the card will have this color by default, I think.From what I've seen so far, I don't think any M3 component uses these new colors yet. Not NavBar, and not even Card.
Zoltan Demant
10/17/2023, 1:30 PM