-
-
Notifications
You must be signed in to change notification settings - Fork 1
/
tailwind.config.js
133 lines (133 loc) · 3.1 KB
/
tailwind.config.js
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
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
/** @type {import('tailwindcss').Config} */
export default {
content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
darkMode: 'class',
important: true,
theme: {
extend: {
fontFamily: {
sans: ['Inter', 'sans-serif'],
},
colors: {
primary: {
DEFAULT: '#069B94',
50: '#60F9F2',
100: '#4CF8F0',
200: '#25F7ED',
300: '#09EADF',
400: '#08C2BA',
500: '#069B94',
600: '#057E78',
700: '#04605C',
800: '#034340',
900: '#012523',
},
secondary: {
DEFAULT: '#DD61CB',
50: '#FEF8FD',
100: '#FAE7F7',
200: '#F3C6EC',
300: '#EBA4E1',
400: '#E483D6',
500: '#DD61CB',
600: '#D333BC',
700: '#A92496',
800: '#7B1B6D',
900: '#4D1144',
},
accent: {
DEFAULT: '#56B2EF',
50: '#FEFEFF',
100: '#EBF6FD',
200: '#C6E5FA',
300: '#A1D4F6',
400: '#7BC3F3',
500: '#56B2EF',
600: '#239BEA',
700: '#127CC2',
800: '#0E5B8F',
900: '#093B5C',
},
neutral: {
DEFAULT: '#1D141F',
50: '#855C8F',
100: '#7A5482',
200: '#634469',
300: '#4B3451',
400: '#342438',
500: '#1D141F',
600: '#1A121C',
700: '#171019',
800: '#140E16',
900: '#110C13',
},
base: {
DEFAULT: '#2E3661',
50: '#838DC4',
100: '#7580BD',
200: '#5967B0',
300: '#485598',
400: '#3B457D',
500: '#2E3661',
600: '#272E53',
700: '#212745',
800: '#1A1F37',
900: '#14172A',
},
info: {
DEFAULT: '#4A6BC4',
50: '#D4DCF1',
100: '#C5D0EC',
200: '#A6B6E2',
300: '#889DD8',
400: '#6984CE',
500: '#4A6BC4',
600: '#3756A9',
700: '#2C4486',
800: '#213364',
900: '#152141',
},
success: {
DEFAULT: '#20B161',
50: '#C2F4D9',
100: '#ADF0CB',
200: '#82E8B0',
300: '#56E194',
400: '#2BD979',
500: '#20B161',
600: '#1B9350',
700: '#157540',
800: '#10562F',
900: '#0A381F',
},
warning: {
DEFAULT: '#F7CF4A',
50: '#FEF8E4',
100: '#FDF3D3',
200: '#FCEAB1',
300: '#FAE18E',
400: '#F9D86C',
500: '#F7CF4A',
600: '#F5C114',
700: '#C89C09',
800: '#927206',
900: '#5D4804',
},
error: {
DEFAULT: '#E8574F',
50: '#FBDFDD',
100: '#F9D0CD',
200: '#F4B1AE',
300: '#F0938E',
400: '#EC756F',
500: '#E8574F',
600: '#E1281D',
700: '#B01F17',
800: '#7E1610',
900: '#4D0D0A',
},
},
},
},
plugins: [],
};