refactor: gradient and shadow colors replaced with theme colors

nodejs · Nov 30, 2023 · ccfcbf5 · ccfcbf5
1 parent 860d1dc
commit ccfcbf5
Showing 1 changed file with 5 additions and 8 deletions.
diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -92,6 +92,7 @@ export default {
       white: '#FFFFFF',
       'white-opaque': 'rgba(255, 255, 255, 0.5)',
       transparent: 'transparent',
+      shadow: '#101828',
     },
     fontSize: {
       xs: ['0.75rem', '1rem'],
@@ -121,17 +122,13 @@ export default {
       backgroundImage: {
         'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
         'gradient-subtle':
-          // @todo: replace colors for proper tailwind vars (?)
-          'linear-gradient(180deg, rgba(246, 247, 249, 0.50) 0%, rgba(246, 247, 249, 0.00) 48.32%)',
+          'linear-gradient(180deg, theme(colors.neutral.100)80 0%, theme(colors.neutral.100)00 48.32%)',
         'gradient-subtle-dark':
-          // @todo: replace colors for proper tailwind vars (?)
-          'linear-gradient(180deg, rgba(44, 52, 55, 0.50) 0%, rgba(44, 52, 55, 0.00) 48.32%)',
+          'linear-gradient(180deg, theme(colors.neutral.900)80 0%, theme(colors.neutral.900)00 48.32%)',
       },
       boxShadow: {
-        // @todo: replace colors for proper tailwind vars (?)
-        xs: '0px 1px 2px 0px rgba(16, 24, 40, 0.05)',
-        // @todo: replace colors for proper tailwind vars (?)
-        lg: '0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08)',
+        xs: '0px 1px 2px 0px theme(colors.shadow)0d',
+        lg: '0px 4px 6px -2px theme(colors.shadow)08, 0px 12px 16px -4px theme(colors.shadow)14',
       },
       spacing: { '4.5': '1.125rem' },
       aria: { current: 'current="page"' },