-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
35 lines (35 loc) · 1.25 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
// tailwind.config.js
module.exports = {
content: ["./src/**/*.{js,ts,jsx,tsx}", "./public/index.html"],
theme: {
extend: {
colors: {
background: "hsl(var(--background))",
foreground: "hsl(var(--foreground))",
muted: "hsl(var(--muted))",
"muted-foreground": "hsl(var(--muted-foreground))",
popover: "hsl(var(--popover))",
"popover-foreground": "hsl(var(--popover-foreground))",
card: "hsl(var(--card))",
"card-foreground": "hsl(var(--card-foreground))",
border: "hsl(var(--border))",
input: "hsl(var(--input))",
primary: "hsl(var(--primary))",
"primary-foreground": "hsl(var(--primary-foreground))",
secondary: "hsl(var(--secondary))",
"secondary-foreground": "hsl(var(--secondary-foreground))",
accent: "hsl(var(--accent))",
"accent-foreground": "hsl(var(--accent-foreground))",
destructive: "hsl(var(--destructive))",
"destructive-foreground": "hsl(var(--destructive-foreground))",
ring: "hsl(var(--ring))",
},
borderRadius: {
DEFAULT: "var(--radius)",
custom: "var(--radius)",
},
},
},
darkMode: "class", // This enables dark mode based on a class
plugins: [],
};