-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
121 lines (121 loc) · 2.4 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
module.exports = {
purge: ["./src/**/*.tsx"],
important: true,
theme: {
fontFamily: {
primary: [
"Nunito",
"-apple-system",
"BlinkMacSystemFont",
"Segoe UI",
"Roboto",
"Oxygen",
"Ubuntu",
"Cantarell",
"Fira Sans",
"Droid Sans",
"Helvetica Neue",
"sans-serif",
],
},
colors: {
transparent: "transparent",
current: "currentColor",
black: "#000",
white: "#fff",
darkGray: {
100: "#42526E",
200: "#344563",
300: "#253858",
400: "#172B4D",
500: "#091E42",
},
midGray: {
100: "#B3BAC5",
200: "#A5ADBA",
300: "#97A0AF",
400: "#8993A4",
500: "#7A869A",
600: "#6B778C",
700: "#5E6C84",
800: "#505F79",
},
lightGray: {
100: "#FAFBFC",
200: "#F4F5F7",
300: "#EBECF0",
400: "#DFE1E6",
500: "#C1C7D0",
},
red: {
100: "#FFEBE6",
200: "#FFBDAD",
300: "#FF8F73",
400: "#FF7452",
500: "#FF5630",
600: "#DE350B",
700: "#BF2600",
},
yellow: {
100: "#FFFAE6",
200: "#FFF0B3",
300: "#FFE380",
400: "#FFC400",
500: "#FFAB00",
600: "#FF991F",
700: "#FF8B00",
},
green: {
100: "#E3FCEF",
200: "#ABF5D1",
300: "#79F2C0",
400: "#57D9A3",
500: "#36B37E",
600: "#00875A",
700: "#006644",
},
primary: {
100: "#DEEBFF",
200: "#B3D4FF",
300: "#4C9AFF",
400: "#2684FF",
500: "#0065FF",
600: "#0052CC",
700: "#0747A6",
},
blue: {
100: "#DEEBFF",
200: "#B3D4FF",
300: "#4C9AFF",
400: "#2684FF",
500: "#0065FF",
600: "#0052CC",
700: "#0747A6",
},
teal: {
100: "#E6FCFF",
200: "#B3F5FF",
300: "#79E2F2",
400: "#00C7E6",
500: "#00B8D9",
600: "#00B8D9",
700: "#008DA6",
},
purple: {
100: "#EAE6FF",
200: "#C0B6F2",
300: "#998DD9",
400: "#8777D9",
500: "#6554C0",
600: "#5243AA",
700: "#403294",
},
},
maxWidth: {
xxs: "12rem",
},
zIndex: {
1: "1",
},
},
};