| import type { Config } from "tailwindcss"; | |
| export default { | |
| darkMode: "class", | |
| content: [ | |
| "./src/pages/**/*.{js,ts,jsx,tsx,mdx}", | |
| "./src/components/**/*.{js,ts,jsx,tsx,mdx}", | |
| "./src/app/**/*.{js,ts,jsx,tsx,mdx}", | |
| ], | |
| theme: { | |
| extend: { | |
| colors: { | |
| background: "var(--background)", | |
| foreground: "var(--foreground)", | |
| card: "var(--card)", | |
| "card-foreground": "var(--card-foreground)", | |
| popover: "var(--card)", | |
| "popover-foreground": "var(--card-foreground)", | |
| primary: "var(--accent)", | |
| "primary-foreground": "#ffffff", | |
| secondary: "var(--muted)", | |
| "secondary-foreground": "var(--foreground)", | |
| muted: "var(--muted)", | |
| "muted-foreground": "var(--muted-foreground)", | |
| accent: "var(--accent-light)", | |
| "accent-foreground": "var(--accent)", | |
| destructive: "#ef4444", | |
| "destructive-foreground": "#ffffff", | |
| border: "var(--border)", | |
| input: "var(--border)", | |
| ring: "var(--accent)", | |
| }, | |
| borderRadius: { | |
| lg: "0.75rem", | |
| md: "0.5rem", | |
| sm: "0.25rem", | |
| }, | |
| }, | |
| }, | |
| plugins: [], | |
| } satisfies Config; | |