/
tailwind.config.js
82 lines (80 loc) · 1.77 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
const { fontFamily } = require('tailwindcss/defaultTheme')
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
'./src/pages/**/*.{js,ts,jsx,tsx}',
'./src/components/**/*.{js,ts,jsx,tsx}',
'./src/app/**/*.{js,ts,jsx,tsx}',
],
darkMode: "class",
theme: {
extend: {
fontFamily: {
mon: ["var(--font-mon)", ...fontFamily.sans]
},
backgroundColor: {
dark: {
BGC: "#141b2d",
BGSC: "#1F2A40"
},
light: {
BGC: "#fcfcfc",
BGSC: "#f2f0f0"
},
blackAccent: {
400: "#3d3d3d",
600: "#141414",
100: "rgba(0, 0, 0, 0.54)"
},
whiteAccent: {
100: "#e0e0e0",
400: "rgb(224, 224, 224)",
600: "#a3a3a3"
}
},
colors: {
dark: {
TXC: {
100: "#e0e0e0",
400: "rgb(224, 224, 224)",
600: "#a3a3a3"
}
},
light: {
TXC: {
400: "#3d3d3d",
600: "#141414",
100: "rgba(0, 0, 0, 0.54)"
}
},
greenAccent: {
400: "#4cceac",
100: "#70d8bd",
},
blueAccent: {
400: "#6870fa",
600: "#3e4396",
100: "#a4a9fc"
},
red: {
400: "rgb(227, 109, 89)",
100: "rgb(232, 193, 160)"
},
yellowAccent: {
400: "rgb(232, 168, 56)",
100: "rgb(241, 225, 91)"
}
},
},
screens: {
"3xl": { max: "1275px" },
"2xl": { max: "1200px" },
xl: { max: "1000px" },
lg: { max: "940px" },
md: { max: "703px" },
sm: { max: "600px" },
xs: { max: "450px" },
}
},
plugins: [],
}