fix: surface raised color in core theme and card (#3718)

marigold-ui · Feb 15, 2024 · 36c6301 · 36c6301
1 parent 7969fd9
commit 36c6301
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/.changeset/sharp-goats-share.md b/.changeset/sharp-goats-share.md
@@ -0,0 +1,5 @@
+---
+"@marigold/theme-core": patch
+---
+
+fix: surface raised color in core theme and card
diff --git a/themes/theme-core/src/components/Card.styles.ts b/themes/theme-core/src/components/Card.styles.ts
@@ -1,7 +1,7 @@
 import { ThemeComponent, cva } from '@marigold/system';
 
 export const Card: ThemeComponent<'Card'> = cva(
-  'bg-bg-surface relative max-w-[270px] rounded p-1 shadow-[1px_2px_3px]',
+  'bg-bg-surface-raised shadow-surface-raised relative max-w-[270px] rounded p-1 ',
   {
     variants: {
       variant: {

diff --git a/themes/theme-core/src/tokens.ts b/themes/theme-core/src/tokens.ts
@@ -205,7 +205,7 @@ export const colors = {
     },
     surface: {
       DEFAULT: gray[100],
-      raised: gray[500],
+      raised: gray[50],
       overlay: gray[50],
       sunken: gray[900],
     },