-
Notifications
You must be signed in to change notification settings - Fork 4
/
tailwind.config.js
142 lines (141 loc) · 3.79 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
134
135
136
137
138
139
140
141
142
const defaultTheme = require('tailwindcss/defaultTheme')
/** @type {import('tailwindcss').Config} */
module.exports = {
content: ['./pages/**/*.tsx', './src/client/**/*.tsx'],
theme: {
textColor: {
transparent: 'transparent',
black: '#000000',
'blue-400': '#3B8CEB',
'blue-500': '#2C7BD8',
'gray-25': '#FBFBFD',
'gray-50': '#F3F4F6',
'gray-100': '#ECECEF',
'gray-200': '#DADCDF',
'gray-300': '#B5B7BF',
'gray-400': '#898D96',
'gray-500': '#6B707A',
'gray-600': '#484F5A',
'gray-700': '#333A46',
'gray-800': '#1D2532',
'green-300': '#71B892',
'green-400': '#4EA476',
'pink-400': '#E14BD2',
'purple-400': '#7D48EF',
'red-300': '#E4735B',
'red-400': '#DC4F30',
'red-500': '#C64629',
white: '#FFFFFF',
},
backgroundColor: {
transparent: 'transparent',
black: '#000000',
'blue-25': '#F3F8FD',
'blue-50': '#DCEAFA',
'blue-100': '#B1D1F6',
'blue-200': '#8BBBF3',
'blue-300': '#61A2EE',
'blue-400': '#3B8CEB',
'blue-500': '#2C7BD8',
'blue-600': '#226FCA',
'blue-700': '#1660B8',
'blue-800': '#0F58AE',
'dark-gray-700': '#333A46',
'dark-gray-800': '#1D2532',
'gray-25': '#FAFBFB',
'gray-50': '#F5F6F7',
'gray-100': '#EEF0F2',
'gray-200': '#E3E6E9',
'gray-300': '#CFD3D8',
'gray-400': '#B8BEC5',
'gray-500': '#AAB0BA',
'gray-600': '#9AA2AD',
'gray-700': '#8C94A1',
'gray-800': '#838C9A',
'green-50': '#DDF1E7',
'green-100': '#C0E2CF',
'green-200': '#9ACEB2',
'green-300': '#71B892',
'green-400': '#4EA476',
'orange-25': '#FFFAF2',
'orange-100': '#FBDFB5',
'orange-200': '#F9D093',
'orange-300': '#F6BE6A',
'orange-400': '#F2A93C',
'pink-25': '#FDF2FC',
'pink-100': '#F4B8EE',
'pink-400': '#E14BD2',
'purple-25': '#F8F6FC',
'purple-50': '#F3EEFC',
'purple-200': '#BEA4F6',
'purple-300': '#9F78F3',
'purple-400': '#7D48EF',
'red-25': '#FFF3F1',
'red-50': '#FDE5E0',
'red-100': '#F4BBAF',
'red-200': '#EC9987',
'red-300': '#E4735B',
'red-400': '#DC4F30',
'red-500': '#C64629',
'red-600': '#AC3B21',
'red-700': '#902F18',
'red-800': '#832A14',
'yellow-200': '#FAE3A8',
'yellow-300': '#F8D784',
'yellow-400': '#F6CD65',
white: '#FFFFFF',
},
borderColor: {
transparent: 'transparent',
black: '#000000',
'blue-50': '#DCEAFA',
'blue-100': '#B1D1F6',
'blue-400': '#3B8CEB',
'blue-500': '#2C7BD8',
'blue-600': '#226FCA',
'gray-25': '#FBFBFD',
'gray-50': '#F5F6F7',
'gray-100': '#EEF0F2',
'gray-200': '#E3E6E9',
'gray-300': '#CFD3D8',
'gray-400': '#B8BEC5',
'gray-500': '#AAB0BA',
'gray-600': '#9AA2AD',
'gray-700': '#8C94A1',
'gray-800': '#838C9A',
'orange-100': '#FBDFB5',
'pink-50': '#F9D9F6',
'red-50': '#FDE5E0',
'red-100': '#F4BBAF',
white: '#FFFFFF',
},
textDecorationColor: {
'blue-100': '#B1D1F6',
},
extend: {
fontSize: {
xs: '12px',
sm: '0.79rem',
base: '.9rem',
lg: '.95rem',
xl: '1.125rem',
},
fontFamily: {
sans: ['var(--font-inter)', ...defaultTheme.fontFamily.sans],
},
boxShadow: {
sm: '0px 0px 32px 0px rgba(0, 0, 0, 0.08)',
},
keyframes: {
slideInLeft: {
'0%': { transform: 'translateX(-100%)' },
'100%': { transform: 'translateX(0)' },
},
slideOutLeft: {
'0%': { transform: 'translateX(0)' },
'100%': { transform: 'translateX(-100%)' },
},
},
},
},
}