-
Notifications
You must be signed in to change notification settings - Fork 4
/
tailwind.config.ts
71 lines (70 loc) · 1.49 KB
/
tailwind.config.ts
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
import type { Config } from "tailwindcss";
const config: Config = {
content: [
"./components/**/*.{js,ts,jsx,tsx,mdx}",
"./app/**/*.{js,ts,jsx,tsx,mdx}",
"./container/**/*.{js,ts,jsx,tsx,mdx}",
],
theme: {
extend: {
inset: {
"1/2": "50%",
"2/5": "40%",
full: "100%",
},
zIndex: {
"-1": "-1",
},
colors: {
primary: {
default: "#4763b7",
50: "#e9ecf6",
100: "#c8d0e9",
200: "#a5b2da",
300: "#8193ca",
400: "#657abf",
500: "#4763b7",
600: "#405aad",
700: "#3750a1",
800: "#2e4695",
900: "#203481",
},
secondary: {
default: "#204341",
100: "#90A1A0",
200: "#829594",
300: "#748A88",
400: "#667E7C",
500: "#587271",
600: "#4A6665",
700: "#3C5B59",
800: "#2E4F4D",
900: "#204341",
},
blue: {
default: "#2460DA",
100: "#F3F9FF",
200: "#769CE8",
300: "#5B88E3",
400: "#3F74DF",
500: "#2460DA",
600: "#2054BF",
700: "#1B48A4",
800: "#173C88",
900: "#12306D",
},
"main-btn-color": "#1D539F",
},
fontFamily: {
custom: ["Comfortaa"],
},
},
},
variants: {
extend: {
textColor: ["active"],
},
},
plugins: [],
};
export default config;