-
Notifications
You must be signed in to change notification settings - Fork 3
Expand file tree
/
Copy pathtailwind.config.js
More file actions
49 lines (49 loc) · 1.35 KB
/
tailwind.config.js
File metadata and controls
49 lines (49 loc) · 1.35 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
/** @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}',
],
darkMode: 'class',
theme: {
extend: {
colors: {
border: 'hsl(217.2 32.6% 17.5%)',
input: 'hsl(217.2 32.6% 17.5%)',
ring: 'hsl(262.1 83.3% 57.8%)',
background: 'hsl(222.2 84% 4.9%)',
foreground: 'hsl(210 40% 98%)',
primary: {
DEFAULT: 'hsl(262.1 83.3% 57.8%)', // Purple
foreground: 'hsl(210 40% 98%)',
},
secondary: {
DEFAULT: 'hsl(215.4 16.3% 46.9%)', // Lighter blue for better contrast
foreground: 'hsl(210 40% 98%)',
},
accent: {
DEFAULT: 'hsl(330 81% 60%)', // Pink
foreground: 'hsl(210 40% 98%)',
},
destructive: {
DEFAULT: 'hsl(0 62.8% 30.6%)',
foreground: 'hsl(210 40% 98%)',
},
muted: {
DEFAULT: 'hsl(217.2 32.6% 17.5%)',
foreground: 'hsl(215 20.2% 65.1%)',
},
popover: {
DEFAULT: 'hsl(222.2 84% 4.9%)',
foreground: 'hsl(210 40% 98%)',
},
card: {
DEFAULT: 'hsl(222.2 84% 4.9%)',
foreground: 'hsl(210 40% 98%)',
},
},
},
},
plugins: [],
}