-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.ts
89 lines (87 loc) · 2.18 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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
import type { Config } from "tailwindcss";
const config: Config = {
content: [
"./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
"./src/components/**/*.{js,ts,jsx,tsx,mdx}",
"./src/app/**/*.{js,ts,jsx,tsx,mdx}",
'./src/**/*.tsx',
],
theme: {
extend: {
// backgroundImage: {
// "gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
// "gradient-conic":
// "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
// },
colors: {
gray: {
100: "#D6D6D6",
200: "#B5B5B5",
300: "#959595",
400: "#767676",
500: "#595959",
600: "#3D3D3D",
},
lightBlue: {
100: "#CFD6E0",
200: "#AAB6C8",
300: "#8496B0",
400: "#617799",
500: "#3F5A83",
600: "#2B3D5A",
},
darkBlue: {
100: "#BBD9FF",
200: "#80B8FE",
300: "#4395FE",
400: "#1873E5",
500: "#1257AE",
600: "#0D3C77",
},
yellow: {
100: "#FED12B",
200: "#DEAF00",
300: "#B79000",
400: "#917200",
500: "#6E5600",
600: "#4C3B00",
},
red: {
100: "#FBCBCB",
200: "#F79C9C",
300: "#F26969",
400: "#D04545",
500: "#9D3434",
600: "#6E2524",
},
green: {
100: "#CFD9C5",
200: "#A9BB98",
300: "#849C6A",
400: "#607F3F",
500: "#48602F",
600: "#314220",
},
brown: {
100: "#E9D1C1",
200: "#D7AD8F",
300: "#C18861",
400: "#996C4D",
500: "#73523A",
600: " #503828",
},
},
input: {
base: "border border-gray-300 rounded-md py-2 px-4 focus:outline-none focus:border-blue-500",
error:
"border border-red-500 rounded-md py-2 px-4 focus:outline-none focus:border-red-500",
},
animation: {
flicker: 'flicker 3s linear infinite',
shimmer: 'shimmer 1.3s linear infinite',
},
},
},
plugins: [],
};
export default config;