diff --git a/.changeset/sharp-goats-share.md b/.changeset/sharp-goats-share.md new file mode 100644 index 0000000000..377f397450 --- /dev/null +++ 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 index 98485ff647..8d5c751bf2 100644 --- 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 index 2d62806c26..9f58e17ec8 100644 --- 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], },