fix: color and shadow token improvements (#881)

nuxt-themes · Apr 6, 2023 · 01e347f · 01e347f
1 parent 1e99aa0
commit 01e347f
Showing 1 changed file with 25 additions and 12 deletions.
diff --git a/tokens.config.ts b/tokens.config.ts
@@ -48,7 +48,7 @@ export default defineTheme({
       400: '#64C7FF',
       500: '#1AADFF',
       600: '#0069A6',
-      700: '#003351',
+      700: '#014267',
       800: '#002235',
       900: '#00131D'
     },
@@ -65,18 +65,31 @@ export default defineTheme({
       900: '#00190F'
     },
     yellow: {
-      50: '#FFFDEA',
-      100: '#FFF8CC',
-      200: '#FEF5A4',
-      300: '#FFEF8A',
-      400: '#FFE53C',
-      500: '#EECF00',
-      600: '#C2A905',
-      700: '#6B5D02',
-      800: '#282300',
-      900: '#1A1700'
+      50: '#FFFCEE',
+      100: '#FFF6D3',
+      200: '#FFF0B1',
+      300: '#FFE372',
+      400: '#FFDC4E',
+      500: '#FBCA05',
+      600: '#CBA408',
+      700: '#614E02',
+      800: '#292100',
+      900: '#1B1500'
+    },
+    shadow: {
+      initial: '{color.gray.400}',
+      dark: '{color.gray.800}'
     }
   },
+  shadow: {
+    xs: '0px 1px 2px 0px {color.shadow}',
+    sm: '0px 1px 3px 0px {color.shadow}, 0px 1px 2px -1px {color.shadow}',
+    md: '0px 4px 6px -1px {color.shadow}, 0px 2px 4px -2px {color.shadow}',
+    lg: '0px 10px 15px -3px {color.shadow}, 0px 4px 6px -4px {color.shadow}',
+    xl: '0px 20px 25px -5px {color.shadow}, 0px 8px 10px -6px {color.shadow}',
+    '2xl': '0px 25px 50px -12px {color.shadow}',
+    none: '0px 0px 0px 0px transparent'
+  },
   docus: {
     $schema: {
       title: 'All the configurable tokens from Docus.',
@@ -93,7 +106,7 @@ export default defineTheme({
         initial: '{color.gray.800}',
         dark: '{color.gray.200}'
       },
-      fontFamily: '{font.sans}',
+      fontFamily: '{font.sans}'
     },
     header: { height: '64px' },
     footer: { height: { initial: '145px', sm: '100px' }, padding: '{space.4} 0' },