Угловой материал закусочной изменить цвет ⇐ CSS

[Anonymous]

Я использую Angular 7 с материалом закусочной. Я хочу изменить цвет защитывания на зеленый.this.snackBarRef = this.snackBar.open(result.localized_message, 'X', {
duration: 4000,
verticalPosition: 'top',
panelClass: 'notif-success'
});

this.snackBarRef.onAction().subscribe(() => {
this.snackBarRef.dismiss();
});
< /code>

in app.component.scss, у меня есть: < /p>

.notif-success {
color: #155724 !important; // green
background-color: #d4edda !important;
border-color: #c3e6cb !important;
.mat-simple-snackbar-action {
color: #155724 !important;
}
}
< /code>

Но запасная бара все еще отображается в цветах по умолчанию. к закусочной < /p>


< /code>

Почему пользовательские CSS не работает? < /p>

Подробнее здесь: https://stackoverflow.com/questions/563 ... ange-color