forked from CodeForPhilly/clean-and-green-philly
-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.ts
96 lines (93 loc) · 2.1 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
90
91
92
93
94
95
96
import type { Config } from "tailwindcss";
import { nextui } from "@nextui-org/react";
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}",
"./node_modules/@nextui-org/theme/dist/**/*.{js,ts,jsx,tsx}",
],
theme: {
extend: {
fontFamily: {
body: ['"HK Grotesk"', "sans-serif"],
display: ['"HK Grotesk"', "sans-serif"],
},
colors: {
focus: "#57BEE7",
gray: {
900: "#03141B",
300: "#8A9DA3",
200: "#CCDCE3",
100: "#EAF3F7",
60: "#737E6C",
40: "#C0C7BC",
20: "#D2D7D0",
10: "#F2F3F2",
0: "#FFFFFF",
},
blue: {
DEFAULT: "#3867DE",
800: "#003144",
400: "#57BEE7",
300: "#84D5F5",
200: "#BAE4F5",
600: "#0070F0",
},
yellow: {
800: "#443500",
200: "#FFF0BB",
},
red: {
200: "#F7C4BC",
800: "#440900",
},
green: {
800: "#094400",
700: "#0C5C00",
600: "#188706",
400: "#4BB23B",
300: "#95E089",
200: "#C2F5BA",
100: "#E9FFE5",
80: "#00A40C",
60: "#35C03F",
10: "#D8FFDB",
},
orange: {
60: "#E56535",
40: "#FBB57D",
20: "#F4E4D4",
},
priority: {
high: "#F9492C",
medium: "#F1C936",
low: "#95E089",
},
},
backgroundImage: {
"gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
"gradient-conic":
"conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
},
borderRadius: {
lg: "24px",
md: "12px",
sm: "6px",
},
},
},
darkMode: "class",
plugins: [
nextui({
themes: {
light: {
layout: {
hoverOpacity: 1,
},
},
},
}),
],
};
export default config;