search

material-components / material-components-web

Modular and customizable Material Design UI components for the web
https://material.io/develop/web
MIT License
17.11k stars 2.15k forks source link

[Dialog] Dialog don't follow M3 specs #8192

Open neo-xy opened 2 weeks ago

neo-xy commented 2 weeks ago

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)

anentropic commented 1 day ago

I think this lib is M2 only

the M3 web components are found at https://github.com/material-components/material-web