1import tailwindcssAnimate from 'tailwindcss-animate';
  2import tailwindcssForm from '@tailwindcss/forms';
  3import tailwindcssAspectRatio from '@tailwindcss/aspect-ratio';
  4import tailwindcssTypography from '@tailwindcss/typography';
  5import { nextui } from '@nextui-org/react'
  6
  7/** @type {import('tailwindcss').Config} */
  8const config = {
  9    darkMode: ["class"],
 10    content: [
 11        './pages/**/*.{ts,tsx}',
 12        './components/**/*.{ts,tsx}',
 13        './app/**/*.{ts,tsx}',
 14        './src/**/*.{ts,tsx}',
 15        "./node_modules/@nextui-org/theme/dist/**/*.{js,ts,jsx,tsx}",
 16    ],
 17    prefix: "",
 18    theme: {
 19        screens: {
 20            'sm': '0',
 21            'md': '768px',
 22            'lg': '1024px',
 23            'xl': '1280px',
 24        },
 25        container: {
 26            center: true,
 27            padding: "2rem",
 28            screens: {
 29                "2xl": "1400px",
 30            },
 31        },
 32        extend: {
 33            colors: {
 34                border: "hsl(var(--border))",
 35                input: "hsl(var(--input))",
 36                ring: "hsl(var(--ring))",
 37                background: "hsl(var(--background))",
 38                foreground: "hsl(var(--foreground))",
 39                primary: {
 40                    DEFAULT: "hsl(var(--primary))",
 41                    foreground: "hsl(var(--primary-foreground))",
 42                },
 43                secondary: {
 44                    DEFAULT: "hsl(var(--secondary))",
 45                    foreground: "hsl(var(--secondary-foreground))",
 46                },
 47                success: {
 48                    DEFAULT: "hsl(var(--success))",
 49                    foreground: "hsl(var(--success-foreground))",
 50                    accent: "hsl(var(--success-accent))",
 51                },
 52                destructive: {
 53                    DEFAULT: "hsl(var(--destructive))",
 54                    foreground: "hsl(var(--destructive-foreground))",
 55                    accent: "hsl(var(--destructive-accent))",
 56                },
 57                muted: {
 58                    DEFAULT: "hsl(var(--muted))",
 59                    foreground: "hsl(var(--muted-foreground))",
 60                },
 61                accent: {
 62                    DEFAULT: "hsl(var(--accent))",
 63                    foreground: "hsl(var(--accent-foreground))",
 64                },
 65                popover: {
 66                    DEFAULT: "hsl(var(--popover))",
 67                    foreground: "hsl(var(--popover-foreground))",
 68                },
 69                card: {
 70                    DEFAULT: "hsl(var(--card))",
 71                    foreground: "hsl(var(--card-foreground))",
 72                },
 73            },
 74            borderRadius: {
 75                lg: "var(--radius)",
 76                md: "calc(var(--radius) - 2px)",
 77                sm: "calc(var(--radius) - 4px)",
 78            },
 79            keyframes: {
 80                "accordion-down": {
 81                    from: { height: "0" },
 82                    to: { height: "var(--radix-accordion-content-height)" },
 83                },
 84                "accordion-up": {
 85                    from: { height: "var(--radix-accordion-content-height)" },
 86                    to: { height: "0" },
 87                },
 88            },
 89            animation: {
 90                "accordion-down": "accordion-down 0.2s ease-out",
 91                "accordion-up": "accordion-up 0.2s ease-out",
 92            },
 93            fontFamily: {
 94                'font-body': ['Lato'],
 95                'font-header': ['Ubuntu'],
 96            }
 97        },
 98    },
 99    plugins: [
100        nextui(),
101        tailwindcssAnimate,
102        tailwindcssForm,
103        tailwindcssAspectRatio,
104        tailwindcssTypography
105    ],
106}
107
108export default config;