-
Notifications
You must be signed in to change notification settings - Fork 3
/
tailwind.config.js
101 lines (94 loc) · 2.67 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
/*
* Algodex Frontend (algodex-react)
* Copyright (C) 2021 - 2022 Algodex VASP (BVI) Corp.
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License as published
* by the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
* You should have received a copy of the GNU Affero General Public License
* along with this program. If not, see <https://www.gnu.org/licenses/>.
*/
module.exports = {
content: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'],
media: false, // or 'darkMode' or 'class'
theme: {
screens: {
xs: '320px',
// => @media (min-width: 475px) { ... }
sm: '640px',
// => @media (min-width: 640px) { ... }
md: '768px',
// => @media (min-width: 768px) { ... }
lg: '1024px',
// => @media (min-width: 1024px) { ... }
xl: '1280px',
// => @media (min-width: 1280px) { ... }
'2xl': '1536px'
// => @media (min-width: 1536px) { ... }
},
extend: {
colors: {
blue: {
'000': '#7face6',
100: '#6a9ee2',
200: '#5590dd',
300: '#3f82d9',
400: '#2d75d6',
500: '#2a74d5',
600: '#2668c0',
700: '#225daa',
800: '#1d5195',
900: '#194680'
},
green: {
'000': '#F0FFF4',
100: '#C6F7D4',
200: '#9BE6B4',
300: '#69D391',
400: '#48BB78',
500: '#38A169',
600: '#30845A',
700: '#286749',
800: '#21543D',
900: '#1C4532'
},
gray: {
'000': '#F8FAFC',
100: '#EDF2F6',
200: '#E2E8F0',
300: '#CBD5E0',
400: '#A1AEC0',
500: '#718096',
600: '#4A5568',
700: '#2D3748',
800: '#1A202C',
900: '#171923'
},
red: {
'000': '#FFF5F5',
100: '#FED7D7',
200: '#FEB2B2',
300: '#FC8181',
400: '#F56565',
500: '#E53E3E',
600: '#C53030',
700: '#9B2C2C',
800: '#822727',
900: '#63171B'
}
},
backgroundImage: {
unauthorized: "url('/unauthorized.png')",
'unauthorized-mobile': "url('/m-unauthorized.png')"
}
}
},
variants: {
extend: {}
},
plugins: []
}