fix(menu): background and shadow colors (#1280)

* fix(menu): background and shadow colors * var to sass const * snapshot * reverting back to box-shadow * add menu Co-authored-by: yinon <yinon@hotmail.com>
Vonage · May 4, 2022 · 40e02cd · 40e02cd
1 parent eff82e4
commit 40e02cd
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/components/select/src/vwc-select.scss b/components/select/src/vwc-select.scss
@@ -226,3 +226,7 @@ vwc-notched-outline {
 		padding-top: 8px;
 	}
 }
+
+mwc-menu {
+	--mdc-theme-surface: var(#{scheme-variables.$vvd-color-surface-8dp});
+}
diff --git a/components/surface/src/vwc-surface.scss b/components/surface/src/vwc-surface.scss
@@ -5,7 +5,7 @@ $surface-border-radius: --vvd-surface-border-radius;
 
 :host {
 	.mdc-menu-surface {
-		background-color: var(#{scheme-variables.$vvd-color-canvas});
+		background-color: var(#{scheme-variables.$vvd-color-surface-8dp});
 		border-radius: var(#{$surface-border-radius}, $default-surface-border-radius);
 		box-shadow: 0 6px 8px rgba(0, 0, 0, 0.05), 0 12px 16px rgba(0, 0, 0, 0.05), 0 4px 24px rgba(0, 0, 0, 0.1);
 	}