diff --git a/test/visual/screens/vaadin-notification/default-tests-lumo/default/chrome.png b/test/visual/screens/vaadin-notification/default-tests-lumo/default/chrome.png index 502598a..07a53c4 100644 Binary files a/test/visual/screens/vaadin-notification/default-tests-lumo/default/chrome.png and b/test/visual/screens/vaadin-notification/default-tests-lumo/default/chrome.png differ diff --git a/test/visual/screens/vaadin-notification/default-tests-lumo/default/firefox.png b/test/visual/screens/vaadin-notification/default-tests-lumo/default/firefox.png index 3a30034..f7d030a 100644 Binary files a/test/visual/screens/vaadin-notification/default-tests-lumo/default/firefox.png and b/test/visual/screens/vaadin-notification/default-tests-lumo/default/firefox.png differ diff --git a/theme/lumo/vaadin-notification-styles.html b/theme/lumo/vaadin-notification-styles.html index dc24dd9..a9aee80 100644 --- a/theme/lumo/vaadin-notification-styles.html +++ b/theme/lumo/vaadin-notification-styles.html @@ -135,6 +135,7 @@ :host([theme~="primary"]) [part="overlay"] { background: var(--lumo-primary-color); color: var(--lumo-primary-contrast-color); + box-shadow: var(--lumo-box-shadow-l); } :host([theme~="primary"]) { @@ -147,6 +148,7 @@ :host([theme~="contrast"]) [part="overlay"] { background: var(--lumo-contrast); color: var(--lumo-base-color); + box-shadow: var(--lumo-box-shadow-l); } :host([theme~="contrast"]) { @@ -159,6 +161,7 @@ :host([theme~="success"]) [part="overlay"] { background: var(--lumo-success-color); color: var(--lumo-success-contrast-color); + box-shadow: var(--lumo-box-shadow-l); } :host([theme~="success"]) { @@ -171,6 +174,7 @@ :host([theme~="error"]) [part="overlay"] { background: var(--lumo-error-color); color: var(--lumo-error-contrast-color); + box-shadow: var(--lumo-box-shadow-l); } :host([theme~="error"]) {