You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
61 lines
1.7 KiB
61 lines
1.7 KiB
/** @type {import('tailwindcss').Config} */ |
|
export default { |
|
darkMode: ['class'], |
|
content: [ |
|
'./index.html', |
|
'./src/**/*.{ts,tsx}', |
|
], |
|
theme: { |
|
extend: { |
|
borderRadius: { |
|
lg: 'var(--radius)', |
|
md: 'calc(var(--radius) - 2px)', |
|
sm: 'calc(var(--radius) - 4px)' |
|
}, |
|
colors: { |
|
background: 'hsl(var(--background))', |
|
foreground: 'hsl(var(--foreground))', |
|
card: { |
|
DEFAULT: 'hsl(var(--card))', |
|
foreground: 'hsl(var(--card-foreground))' |
|
}, |
|
popover: { |
|
DEFAULT: 'hsl(var(--popover))', |
|
foreground: 'hsl(var(--popover-foreground))' |
|
}, |
|
primary: { |
|
DEFAULT: 'hsl(var(--primary))', |
|
foreground: 'hsl(var(--primary-foreground))' |
|
}, |
|
secondary: { |
|
DEFAULT: 'hsl(var(--secondary))', |
|
foreground: 'hsl(var(--secondary-foreground))' |
|
}, |
|
muted: { |
|
DEFAULT: 'hsl(var(--muted))', |
|
foreground: 'hsl(var(--muted-foreground))' |
|
}, |
|
accent: { |
|
DEFAULT: 'hsl(var(--accent))', |
|
foreground: 'hsl(var(--accent-foreground))' |
|
}, |
|
destructive: { |
|
DEFAULT: 'hsl(var(--destructive))', |
|
foreground: 'hsl(var(--destructive-foreground))' |
|
}, |
|
border: 'hsl(var(--border))', |
|
input: 'hsl(var(--input))', |
|
ring: 'hsl(var(--ring))', |
|
chart: { |
|
1: 'hsl(var(--chart-1))', |
|
2: 'hsl(var(--chart-2))', |
|
3: 'hsl(var(--chart-3))', |
|
4: 'hsl(var(--chart-4))', |
|
5: 'hsl(var(--chart-5))' |
|
}, |
|
highlight: 'hsl(var(--highlight))' |
|
} |
|
} |
|
}, |
|
plugins: [require('tailwindcss-animate')] |
|
}
|
|
|