fix: missing elevated card shadow on dark mode (#6185)

* fix: missing card component dark mode box shadow * add changeset * use white shadows for dark mode
aws-amplify · Dec 11, 2024 · 96be188 · 96be188
1 parent 4a9e16c
commit 96be188
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/.changeset/yellow-needles-dress.md b/.changeset/yellow-needles-dress.md
@@ -0,0 +1,5 @@
+---
+"@aws-amplify/ui": patch
+---
+
+fix: missing elevated card shadow on dark mode
diff --git a/packages/ui/src/theme/defaultDarkModeOverride.ts b/packages/ui/src/theme/defaultDarkModeOverride.ts
@@ -104,6 +104,12 @@ const darkModeTokens = {
       tertiary: '{colors.neutral.20}',
     },
 
+    shadow: {
+      primary: { value: 'hsla(100, 100%, 100%, 0.25)' },
+      secondary: { value: 'hsla(100, 100%, 100%, 0.15)' },
+      tertiary: { value: 'hsla(100, 100%, 100%, 0.05)' },
+    },
+
     overlay: {
       5: 'hsla(0, 0%, 100%, 0.05)',
       10: 'hsla(0, 0%, 100%, 0.1)',