From 6e99b9b775f5e92cf970be08fd12d69e2684b487 Mon Sep 17 00:00:00 2001 From: jjalbuenacabuyao Date: Sun, 1 Jun 2025 20:38:24 +0800 Subject: [PATCH] fix(material/dialog): dialog's container-color does not follow Material 3 design specs Fixes a bug in the Angular Material dialog component where dialog uses `surface` container-color instead of `surface-container-high` as per Material 3 guidelines. Fixes #30536 --- src/material/dialog/_m3-dialog.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/material/dialog/_m3-dialog.scss b/src/material/dialog/_m3-dialog.scss index d9b924c2f8f3..ef0dffde6438 100644 --- a/src/material/dialog/_m3-dialog.scss +++ b/src/material/dialog/_m3-dialog.scss @@ -26,7 +26,7 @@ dialog-with-actions-content-padding: 20px 24px 0, ), color: ( - dialog-container-color: map.get($system, surface), + dialog-container-color: map.get($system, surface-container-high), dialog-subhead-color: map.get($system, on-surface), dialog-supporting-text-color: map.get($system, on-surface-variant), ),