material-components-web
material-components-web copied to clipboard
material-components
[Dialog] Dialog don't follow M3 specs
Bug report
Dialog background is not following M3 sepcs-> should be surface-container-high but it's not. (if it should not follow - can we know the reason why?)
Steps to reproduce
Issue first was reported here: https://github.com/angular/components/issues/29230 but angular-components team "linked" it here. !!! If corrected please inform Angular-components team about it !!!
Actual behavior
background is of different color then specified in docs (much more lighter)
Expected behavior
background should be set to surface-container-high as per docs: https://m3.material.io/components/dialogs/specs which is the one thta is used in M3 Figma components
Your Environment:
| Software | Version(s) |
|---|---|
| MDC Web | |
| Browser | Chrome |
| Operating System | MacOs |
Possible solution
Change dialog bg to be set to surface-container-high and Inform Angular-components team about it (I am guessing that You are using "old" veriation of "surface" colors so the issue may exists in other components as well)
