| /** @type {import('tailwindcss').Config} */ | |
| export default { | |
| darkMode: ["class"], | |
| content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"], | |
| theme: { | |
| extend: { | |
| colors: { | |
| background: "var(--background)", | |
| foreground: "var(--foreground)", | |
| card: { DEFAULT: "var(--card)", foreground: "var(--card-foreground)" }, | |
| popover: { DEFAULT: "var(--popover)", foreground: "var(--popover-foreground)" }, | |
| primary: { DEFAULT: "var(--primary)", foreground: "var(--primary-foreground)" }, | |
| secondary: { DEFAULT: "var(--secondary)", foreground: "var(--secondary-foreground)" }, | |
| muted: { DEFAULT: "var(--muted)", foreground: "var(--muted-foreground)" }, | |
| accent: { DEFAULT: "var(--accent)", foreground: "var(--accent-foreground)" }, | |
| destructive: { DEFAULT: "var(--destructive)" }, | |
| border: "var(--border)", | |
| input: "var(--input)", | |
| ring: "var(--ring)", | |
| }, | |
| borderRadius: { | |
| lg: "var(--radius)", | |
| md: "calc(var(--radius) - 2px)", | |
| sm: "calc(var(--radius) - 4px)", | |
| }, | |
| }, | |
| }, | |
| plugins: [], | |
| }; | |