style(core): adjust the underlay color to be darker (#4238)

* style(core): adjust the underlay color to be darker * Create heavy-impalas-tie.md
marigold-ui · Oct 25, 2024 · 8c539d3 · 8c539d3
1 parent e01e21d
commit 8c539d3
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/heavy-impalas-tie.md b/.changeset/heavy-impalas-tie.md
@@ -0,0 +1,5 @@
+---
+"@marigold/theme-core": patch
+---
+
+style(core): adjust the underlay color to be darker
diff --git a/themes/theme-core/src/components/Underlay.styles.ts b/themes/theme-core/src/components/Underlay.styles.ts
@@ -3,7 +3,7 @@ import { ThemeComponent, cva } from '@marigold/system';
 export const Underlay: ThemeComponent<'Underlay'> = cva('', {
   variants: {
     variant: {
-      modal: ['bg-bg-surface-sunken/30 backdrop-blur-sm'],
+      modal: ['bg-black/25 backdrop-blur-sm'],
     },
   },
 });