dapp/tailwind.config.js at main · InfluLenser/dapp · 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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ['./src/**/*.{js,jsx,ts,tsx}'],
  theme: {
    extend: {
      colors: {
        transparent: 'transparent',
        current: 'currentColor',
        'il-green': {
          main: '#ABFE2C',
          100: 'hsl(84, 100%, 90%)',
          200: 'hsl(84, 100%, 80%)',
          300: 'hsl(84, 100%, 70%)',
          400: 'hsl(84, 100%, 60%)',
          500: 'hsl(84, 100%, 50%)',
          600: 'hsl(84, 100%, 40%)',
          700: 'hsl(84, 100%, 30%)',
          800: 'hsl(84, 100%, 20%)',
          900: 'hsl(84, 100%, 10%)',
        },
        'il-lightgreen': {
          main: '#E5FFBE',
          100: 'hsl(84, 100%, 92%)',
          200: 'hsl(84, 100%, 84%)',
          300: 'hsl(84, 100%, 76%)',
          400: 'hsl(84, 100%, 68%)',
          500: 'hsl(84, 100%, 60%)',
          600: 'hsl(84, 100%, 52%)',
          700: 'hsl(84, 100%, 44%)',
          800: 'hsl(84, 100%, 36%)',
          900: 'hsl(84, 100%, 28%)',
        },
        'il-cyan': {
          main: '#558C8C',
          100: 'hsl(180, 58%, 92%)',
          200: 'hsl(180, 58%, 84%)',
          300: 'hsl(180, 58%, 76%)',
          400: 'hsl(180, 58%, 68%)',
          500: 'hsl(180, 58%, 60%)',
          600: 'hsl(180, 58%, 52%)',
          700: 'hsl(180, 58%, 44%)',
          800: 'hsl(180, 58%, 36%)',
          900: 'hsl(180, 58%, 28%)',
        },
        'il-orange': {
          main: '#FF8811',
          100: 'hsl(30, 100%, 92%)',
          200: 'hsl(30, 100%, 84%)',
          300: 'hsl(30, 100%, 76%)',
          400: 'hsl(30, 100%, 68%)',
          500: 'hsl(30, 100%, 60%)',
          600: 'hsl(30, 100%, 52%)',
          700: 'hsl(30, 100%, 44%)',
          800: 'hsl(30, 100%, 36%)',
          900: 'hsl(30, 100%, 28%)',
        },
        'il-black': {
          main: '#212322',
          100: 'hsl(150, 3%, 10%)',
          200: 'hsl(150, 3%, 20%)',
          300: 'hsl(150, 3%, 30%)',
          400: 'hsl(150, 3%, 40%)',
          500: 'hsl(150, 3%, 50%)',
          600: 'hsl(150, 3%, 60%)',
          700: 'hsl(150, 3%, 70%)',
          800: 'hsl(150, 3%, 80%)',
          900: 'hsl(150, 3%, 90%)',
        },
      },
    },
  },
  plugins: [require('@tailwindcss/forms'), require('@tailwindcss/line-clamp')],
};