-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
125 lines (124 loc) · 2.59 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
const colors = require('tailwindcss/colors');
module.exports = {
purge: ['./src/**/*.{js,jsx,ts,tsx}', './public/index.html'],
darkMode: false, // or 'media' or 'class'
theme: {
colors: {
...colors,
primary: {
light: '#246BFD',
DEFAULT: '#246BFD',
dark: '#246BFD'
},
secondary: {
light: '#C25FFF',
DEFAULT: '#C25FFF',
dark: '#C25FFF'
},
background01: {
light: '#bbbbbb',
DEFAULT: '#181A20',
dark: '#181A20'
},
background02: {
light: '#bbbbbb',
DEFAULT: '#262A34',
dark: '#262A34'
},
background03: {
light: '#bbbbbb',
DEFAULT: '#5E6272',
dark: '#5E6272'
},
colorful01: {
light: '#A06AF9',
DEFAULT: '#A06AF9',
dark: '#A06AF9'
},
colorful02: {
light: '#FBA3FF',
DEFAULT: '#FBA3FF',
dark: '#FBA3FF'
},
colorful03: {
light: '#8E96FF',
DEFAULT: '#8E96FF',
dark: '#8E96FF'
},
colorful04: {
light: '#94F0F0',
DEFAULT: '#94F0F0',
dark: '#94F0F0'
},
colorful05: {
light: '#A5F59C',
DEFAULT: '#A5F59C',
dark: '#A5F59C'
},
colorful06: {
light: '#FFDD72',
DEFAULT: '#FFDD72',
dark: '#FFDD72'
},
colorful07: {
light: '#FF968E',
DEFAULT: '#FF968E',
dark: '#FF968E'
},
colorful08: {
light: '#200745',
DEFAULT: '#200745',
dark: '#200745'
},
white: {
light: '#FFFFFF',
DEFAULT: '#FFFFFF',
dark: '#FFFFFF'
},
grey: {
light: '#3A3D46',
DEFAULT: '#3A3D46',
dark: '#3A3D46'
},
colorplaceholder: {
light: '#5E6272',
DEFAULT: '#5E6272',
dark: '#5E6272'
}
},
fontFamily: {
sans: ['Inter', 'DM Sans', 'sans-serif'],
serif: ['Merriweather', 'serif'],
title: ['DM Sans', 'sans-serif']
},
extend: {
screens: {
'xxs': '375px',
},
spacing: {
'regular': '12px',
'medium': '16px',
},
borderRadius: {
'costum': '12px',
'double': '24px',
},
fontSize: {
'superSmall': '10px',
'small': '12px',
'normal': '13px',
'regular': '14px',
'medium': '16px'
},
boxShadow: {
'regular': '0px 8px 16px rgba(0, 0, 0, 0.5)'
}
},
},
variants: {
extend: {},
},
plugins: [
require('@tailwindcss/forms'),
],
}