TaskFlow-FE/tailwind.config.js at develop · TaskFlow-CLAP/TaskFlow-FE · 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
74
75
76
77
78
79
80
81
82
83
84
/** @type {import('tailwindcss').Config} */
import scrollbarHide from 'tailwind-scrollbar-hide'

export default {
  content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
  safelist: [
    'bg-gray-1',
    'bg-gray-2',
    'bg-blue-1',
    'bg-blue-2',
    'bg-orange-1',
    'bg-orange-2',
    'bg-green-1',
    'bg-green-2',
    'bg-red-1',
    'bg-red-2',
    'text-gray-1',
    'text-gray-2',
    'text-blue-1',
    'text-blue-2',
    'text-orange-1',
    'text-orange-2',
    'text-green-1',
    'text-green-2',
    'text-red-1',
    'text-red-2',
    'border-blue-1',
    'border-orange-1',
    'border-green-1'
  ],
  theme: {
    extend: {
      colors: {
        primary1: '#6D6EF0',
        primary2: '#F7F9FF',
        primary3: '#6061DB',
        black: '#18181B',
        body: '#71717A',
        disabled: '#A1A1AA',
        border: {
          1: '#D4D4D8',
          2: '#E4E4E7'
        },
        background: {
          1: '#E4E4E7',
          2: '#F4F4F5'
        },
        red: {
          1: '#DC2626',
          2: '#FEF2F2'
        },
        orange: {
          1: '#FB923C',
          2: '#FFF7ED'
        },
        yellow: {
          1: '#FACC15',
          2: '#FEFCE8'
        },
        green: {
          1: '#22C55E',
          2: '#F0FDF4'
        },
        blue: {
          1: '#3B82F6',
          2: '#EFF6FF'
        },
        indigo: {
          1: '#6366F1',
          2: '#EEF2FF'
        },
        violet: {
          1: '#8B5CF6',
          2: '#F5F3FF'
        },
        gray: {
          1: '#52525B',
          2: '#E4E4E7'
        }
      }
    }
  },
  plugins: [scrollbarHide]
}