bug(mat-dialog): default Dialog backdrop color is hardcoded black 32% instead of using mat-sys-scrim
- Vorherrschende Sprache
- TypeScript
- Sterne
- 25k
- Forks
- 6.8k
- Ø Merge
- 1 T. 8 Std.
- Gemergte PRs (30 T.)
- 91
Beschreibung
### Description
Not sure if this is a bug or intentional, please advise
The default Angular Material behavior when opening a Dialog is to add a 32% opacity black scrim for the overlay. This is not in any way customizable and instead is hardcoded in the Angular CDK overlay implementation: https://github.com/angular/components/blob/501d6744b377e1ef7d1cf7e86edcc0eedbf755e7/src/cdk/overlay/_index.scss#L9
Since there is an existing `mat-sys-scrim` token for this exact purpose I recommend it be used for customization purposes and for the ability to account for light and dark themes.
### Reproduction
https://material.angular.dev/components/dialog/overview
### Expected Behavior
`mat-sys-scrim` token is used for scrims
### Actual Behavior
Hardcoded 32% opacity black value is used for the scrim
### Environment
- Angular: v22
- CDK/Material: v22
- Browser(s): any
- Operating System (e.g. Windows, macOS, Ubuntu): any
Beitragsleitfaden
Rechercherichtung
Start with src/cdk/overlay/_index.scss at the referenced backdrop styling and inspect the Angular Material dialog overview reproduction. Trace how the dialog overlay receives its scrim styling and verify whether the existing mat-sys-scrim token is available there. Done means the default scrim uses mat-sys-scrim while preserving the expected dialog behavior in light and dark themes.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- angular, scss, typescript
- Bereich
- frontend
- Issue-Typ
- Bug
- Schwierigkeit
- 3/5
- Geschätzter Aufwand
- 1-2 Tage
- Aktivitätsstatus
- Ruhig
- Klarheit
- Größtenteils klar
- Anfängerfreundlichkeit
- 68/100