-
Notifications
You must be signed in to change notification settings - Fork 9
/
tailwind.config.js
60 lines (60 loc) · 1.66 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
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
"./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
"./src/components/**/*.{js,ts,jsx,tsx,mdx}",
"./src/app/**/*.{js,ts,jsx,tsx,mdx}",
],
theme: {
extend: {
textColor: {
black: "#020617",
blueBerry: "#3B82F6",
magicRed: "#F43F5E",
cadetGrey: "#94A3B8",
slatGrey: "#64748B",
},
backgroundColor: {
aliceBlue: "#EFF6FF",
lavendarBlush: "#FFF1F2",
},
borderColor: {
azuresihWhite: "#E2E8F0",
},
},
colors: {
primary: "#041187",
secondary: "#E30062",
contrast: "#85DA6B",
green: "#059669",
red: {
100: "#FEF2F2",
300: "#FCA5A5",
500: "#DC2626",
600: "#E13110",
},
transparent: "transparent",
black: {
dark: "#000",
light: "#4B5563",
},
white: "#fff",
gray: {
100: "#F3F4F6",
400: "#e5e5e5",
500: "#e6e6e6",
600: "#D9D9D9",
300: "#475569",
700: "#334155",
800: "#78716c",
},
yellow: {
dark: "#A16207",
light: "#FEF3C7",
100: "#FAF8F5",
},
blue: { 700: "#1D4ED8", 100: "#F8FAFC", 200: "#F1F5F9", 300: "#E2E8F0" },
},
},
plugins: [],
};