Skip to content

fix(material/dialog): use a theme token for the backdrop color - #33923

Open
minwookshin wants to merge 1 commit into
angular:mainfrom
minwookshin:fix/dialog-scrim-token
Open

minwookshin wants to merge 1 commit into
angular:mainfrom
minwookshin:fix/dialog-scrim-token

Conversation

@minwookshin

Copy link
Copy Markdown

Closes #33578

Give Material dialogs a default backdrop class that reads the dialog scrim-color token. The M3 default derives from the system scrim color at 32% opacity; M2 retains its existing black backdrop at 32% opacity. Custom backdrop classes keep their current behavior, and CDK styling is unchanged.

This follows the Material-specific backdropClass approach discussed in the issue. Added regression coverage for the system scrim color, token overrides, and custom class arrays.

Validated the Dialog suite in Chromium and Firefox, the CDK Dialog Chromium suite, Sass theme compilation, formatting, and lint for the changed TypeScript and Sass files. The new default/token assertions fail before the fix. Internal screenshot baselines are left for maintainers to review.

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

bug(mat-dialog): default Dialog backdrop color is hardcoded black 32% instead of using mat-sys-scrim

1 participant