Snackbar poor contrast with dark theme

[ghusta]

See :

• https://m3.material.io/components/snackbar/specs
• https://m2.material.io/design/color/dark-theme.html#ui-application
• https://github.com/material-components/material-components-android/blob/master/docs/components/Snackbar.md
  • ⭐ Theming snackbars

---

Similar questions

• https://stackoverflow.com/questions/32425191/style-snackbar-in-theme-app#58607153

[ghusta]

With Widget.Design.Snackbar style :

<item name="backgroundTint">var</item>

With @style/Widget.MaterialComponents.Snackbar style :

<item name="backgroundColor">var</item> ???

[ghusta]

Item colorPrimaryDark legacy -> see also material-components/material-components-android@f428f20

[ghusta]

See also :

Combining light and dark themes

When a light surface is needed in a dark theme, light coloring can be used on select component surfaces to preserve hierarchy.

For example, a dark theme snackbar can display a light surface to help it stand out. To do so, it can apply the light theme's Surface and On Surface colors.

The snackbar uses a light surface in a dark theme to help it stand out.

1. On Surface: #FFFFFF
2. Surface: #121212
3. Primary Variant: #3700B3

Source : https://m2.material.io/design/color/dark-theme.html#custom-application