-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathtailwind.config.ts
More file actions
56 lines (54 loc) · 1.22 KB
/
tailwind.config.ts
File metadata and controls
56 lines (54 loc) · 1.22 KB
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
import type { Config } from "tailwindcss";
const config: Config = {
content: [
"./app/**/*.{ts,tsx}",
"./components/**/*.{ts,tsx}",
"./hooks/**/*.{ts,tsx}",
],
darkMode: "class",
theme: {
extend: {
colors: {
brand: {
accent: "#635BFF",
hover: "#5148E8",
soft: "#A29BFF",
cyan: "#2AE8F0",
},
surface: {
base: "#0D0D0F",
panel: "#16161A",
raised: "#1E1E23",
},
border: {
subtle: "#2A2A2F",
},
text: {
primary: "#ECECEC",
secondary: "#9CA3AF",
tertiary: "#6B7280",
disabled: "#4A4A50",
},
status: {
success: "#10B981",
warning: "#F59E0B",
error: "#EF4444",
},
},
fontFamily: {
sans: ["var(--font-inter)", "Inter", "system-ui", "sans-serif"],
display: ["var(--font-inter-tight)", "Inter Tight", "Inter", "sans-serif"],
},
boxShadow: {
surface: "0 4px 12px rgba(0,0,0,0.25)",
glow: "0 0 20px #635BFF55",
},
borderRadius: {
card: "0px",
button: "0px",
},
},
},
plugins: [],
};
export default config;