fix(theme-utils): default dark theme now has custom shadow tokens

adevinta · Aug 23, 2024 · f736ebb · f736ebb
1 parent 40f64b7
commit f736ebb
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 5 deletions.
diff --git a/packages/utils/theme/src/defaultTheme.ts b/packages/utils/theme/src/defaultTheme.ts
@@ -15,11 +15,11 @@ export const defaultTheme: Theme = {
     md: '2px',
   },
   boxShadow: {
-    sm: '0 1px 2px 0 rgb(0 0 0 / 0.2)',
-    DEFAULT: '0 4px 8px 0 rgb(0 0 0 / 0.2)',
-    md: '0 6px 12px 0 rgb(0 0 0 / 0.2)',
-    lg: '0 8px 16px 0 rgb(0 0 0 / 0.2)',
-    xl: '0 12px 24px 0 rgb(0 0 0 / 0.2)',
+    sm: '0 1px 2px 0 rgba(108 129 157 / 0.50)',
+    DEFAULT: '0 4px 8px 0 rgba(108 129 157 / 0.50)',
+    md: '0 6px 12px 0 rgba(108 129 157 / 0.50)',
+    lg: '0 8px 16px 0 rgba(108 129 157 / 0.50)',
+    xl: '0 12px 24px 0 rgba(108 129 157 / 0.50)',
     none: 'none',
   },
   colors: {

diff --git a/packages/utils/theme/src/defaultThemeDark.ts b/packages/utils/theme/src/defaultThemeDark.ts
@@ -2,6 +2,14 @@ import { createTheme } from './createTheme'
 import { type Theme } from './types'
 
 export const defaultThemeDark: Theme = createTheme({
+  boxShadow: {
+    sm: '0 1px 2px 0 rgba(0 0 0 / 0.50)',
+    DEFAULT: '0 4px 8px 0 rgba(0 0 0 / 0.50)',
+    md: '0 6px 12px 0 rgba(0 0 0 / 0.50)',
+    lg: '0 8px 16px 0 rgba(0 0 0 / 0.50)',
+    xl: '0 12px 24px 0 rgba(0 0 0 / 0.50)',
+    none: 'none',
+  },
   colors: {
     // Basic
     basic: '#C2E0FA',