[ADD] add overide tailwind colors with our design colors resolve Spac…

…eyaTech#4
Ebenezr · Nov 6, 2022 · cca1f92 · cca1f92
1 parent 0d3c2d9
commit cca1f92
Showing 1 changed file with 92 additions and 1 deletion.
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -2,7 +2,98 @@
 module.exports = {
   content: ['./src/**/*.{ts,tsx}'],
   theme: {
-    extend: {},
+    extend: {
+      screens: {
+        sm: '480px',
+        md: '768px',
+        lg: '976px',
+        xl: '1440px',
+      },
+      colors: {
+        white: '#f5fffd',
+        green: {
+          100: '#f5fffd',
+          200: '#ccfff3',
+          300: '#99ffe7',
+          400: '#66ffdb',
+          500: '#33ffcf',
+          600: '#00ffc3',
+          700: '#00cc9c',
+          800: '#009975',
+          900: '#00664e',
+          1000: '#003327',
+          1100: '#000f0c',
+        },
+        neutral: {
+          100: '#f7f7f7',
+          200: '#e5e6e6',
+          300: '#cbcdcc',
+          400: '#b2b3b3',
+          500: '#009975',
+          600: '#7e8180',
+          700: '#656767',
+          800: '#4c4d4d',
+          900: '#00664e',
+          1000: '#003327',
+          1100: '#080808',
+        },
+        red: {
+          100: '#fff0f0',
+          200: '#ffcccc',
+          300: '#ff9999',
+          400: '#fe6767',
+          500: '#fe3434',
+          600: '#fe0101',
+          700: '#cb0101',
+          800: '#980101',
+          900: '#660000',
+          1000: '#330000',
+          1100: '#0f0000',
+        },
+        blue: {
+          100: '#e8f3ff',
+          200: '#b5d8ff',
+          300: '#82beff',
+          400: '#4fa3ff',
+          500: '#197be5',
+          600: '#0061cc',
+          700: '#2f6299',
+          800: '#204166',
+          900: '#102133',
+          1000: ' #08101a',
+          1100: ' #04080d',
+        },
+        yellow: {
+          100: '#fffcf2',
+          200: '#fff4cc',
+          300: '#ffe999',
+          400: '#ffdd66',
+          500: '#ffd233',
+          600: '#ffc700',
+          700: '#cc9f00',
+          800: '#997700',
+          900: '#665000',
+          1000: '#332800',
+          1100: '#1a1400',
+        },
+      },
+      spacing: {
+        1: '0.125rem',
+        2: '0.25rem',
+        3: '0.5rem',
+        4: '0.75rem',
+        5: '1rem',
+        6: '1.25rem',
+        7: '1.5rem',
+        8: '2rem',
+        9: '2.5rem',
+        10: '3rem',
+        11: '4rem',
+        12: '5rem',
+        13: '6rem',
+        14: '8rem',
+      },
+    },
   },
   plugins: [],
 };