Styles from the material/snack-bar package can be customized using the snack-bar-overrides mixin. This mixin accepts a set of tokens that control how the components will look, either for the entire app or under a specific selector. For example:
@use'@angular/material' as mat;
// Customize the entire app. Change :root to your selector if you want to scope the styles.:root {
@include mat.snack-bar-overrides((
container-color: orange,
supporting-text-color: red,
));
}
You can find the full list of supported mixins and tokens below.