Skip to content

bug(snack-bar): wrong snackbar action color with mat-app-background #26247

Closed
@romainmoreau

Description

@romainmoreau

Is this a regression?

  • Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

14

Description

Using a dark theme and applying the mat-app-background class on the body like suggested here, the action of a snackbar inherits the color from this class making it barely readable.

Reproduction

https://stackblitz.com/edit/wrong-snackbar-action-color-with-mat-app-background-15?file=src%2Fapp%2Fapp.component.ts

Expected Behavior

https://stackblitz.com/edit/wrong-snackbar-action-color-with-mat-app-background-14?file=src%2Fapp%2Fapp.component.ts

Actual Behavior

https://stackblitz.com/edit/wrong-snackbar-action-color-with-mat-app-background-15?file=src%2Fapp%2Fapp.component.ts

Environment

  • Angular: 15.0.3
  • CDK/Material: 15.0.2
  • Browser(s): Firefox
  • Operating System (e.g. Windows, macOS, Ubuntu): Windows

Metadata

Metadata

Assignees

Labels

P3An issue that is relevant to core functions, but does not impede progress. Important, but not urgentarea: material/snack-bar

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions