-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
98 lines (98 loc) · 2.7 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
module.exports = {
mode: "jit",
content: [
"./src/**/**/*.{js,ts,jsx,tsx,html,mdx}",
"./src/**/*.{js,ts,jsx,tsx,html,mdx}",
],
darkMode: "class",
theme: {
screens: { md: { max: "1050px" }, sm: { max: "550px" } },
extend: {
colors: {
green: {
50: "#e2f6db",
200: "#92fba9",
300: "#7eb78a",
600: "#34a853",
800: "#0d8838",
},
red: {
500: "#ea4335",
600: "#e84142",
700: "#d82122",
800: "#c5221f",
A700: "#eb001b",
A700_01: "#ea001e",
A400: "#fc0d1b",
},
teal: {
200: "#92d1bc",
400: "#26a17b",
900: "#023e25",
"900_19": "#023e2519",
"200_01": "#80bcaf",
"200_02": "#69c9d0",
},
black: {
900: "#000000",
"900_7c": "#0318117c",
"900_3f": "#0000003f",
"900_01": "#031811",
"900_02": "#010b0c",
"900_0f": "#0000000f",
"900_11": "#00000011",
"900_16": "#00000016",
},
blue: {
50: "#e2eeff",
400: "#47acdf",
700: "#2a5ada",
800: "#0d58c6",
A200: "#4285f4",
A700: "#2b6def",
"700_01": "#2775ca",
},
light_blue: { 500: "#13b5ec", A700: "#0085ff" },
pink: { 500: "#ee1d52" },
blue_gray: {
50: "#eef0f4",
100: "#d9d9d9",
300: "#94a6c3",
400: "#868794",
900: "#1b314f",
"100_01": "#cccccc",
},
gray: {
100: "#ebf9f6",
200: "#e7e7e7",
300: "#e9dcd6",
400: "#c5c5c5",
500: "#9d9d9d",
600: "#797979",
900: "#01241d",
"500_01": "#979797",
"500_02": "#9c8881",
"900_02": "#0d1e30",
"900_01": "#201a2d",
},
amber: { 400: "#ffd923", 500: "#fbbc05" },
deep_purple: { 50: "#f1ebfe", 300: "#9082b7" },
indigo: { 400: "#3e6fd5", 500: "#3362ab", A200: "#627eea" },
white: { A700: "#ffffff" },
yellow: { 500: "#fffa37" },
deep_orange: { A400: "#ff5000" },
},
fontFamily: { inter: "Inter" },
boxShadow: {
bs1: "0px 4px 32px 0px #0000003f",
bs: "0px 4px 32px -7px #0000003f",
bs3: "0px 4px 9px 0px #00000016",
bs2: "0px 7px 17px 0px #0000000f",
bs4: "0px 4px 13px 0px #00000011",
},
backgroundImage: { gradient: "linear-gradient(227deg ,#e2f6db,#92fba9)" },
textShadow: { ts: "0px 4px 17px #00000011" },
},
},
plugins: [require("@tailwindcss/forms"), require("tailwindcss-textshadow")],
};