portfolio/tailwind.config.js at master · mcljs/portfolio · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
module.exports = {
    purge: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'],
darkMode: 'class', // or 'media' or 'class'
   theme: {
      fontFamily: {
         sans: ['ui-sans-serif', 'system-ui'],
         kaushan: ['Kaushan Script'],
      },
       boxShadow: {
         'custom-light': ' 0 0 10px #313131',
         'custom-dark': '5px 5px 10px #0a0c0e, -5px -5px 10px #14161c',
      },
      extend: {
         colors: {
            green: {
               DEFAULT: '#573EDE',
            },
           black: {
               DEFAULT: '#010101',
               100: '#0a0b0e',
               200: '#16181D',
               //?FIX this
               300: '#16181D',
               500: '#0f1115',
               700: '#202125',
            },
         },
      },
   },
   variants: {
      extend: {
         boxShadow: ['dark']
      },
   },
   plugins: [],
}