tailwind.config.ts

import type {Config} from "tailwindcss";

export default {
    content: ["./app/**/{**,.client,.server}/**/*.{js,jsx,ts,tsx}"],
    theme: {},
    daisyui: {
        themes: [
            {
                light: {
                    "primary": "#fde047",
                    "secondary": "#fef08a",
                    "accent": "#fdba74",
                    "neutral": "#57534e",
                    "base-100": "#e7e5e4",
                    "info": "#5eead4",
                    "success": "#d9f99d",
                    "warning": "#fb923c",
                    "error": "#f87171",
                },
            },
            {
                dark: {
                    "primary": "#fde047",
                    "secondary": "#fef08a",
                    "accent": "#fdba74",
                    "neutral": "#78716c",
                    "base-100": "#292524",
                    "info": "#5eead4",
                    "success": "#d9f99d",
                    "warning": "#fb923c",
                    "error": "#f87171",
                },
            },
        ],
    },
    plugins: [
        require('daisyui'),
    ],
    safelist: [
        'translate-y-0',
        'opacity-100',
        'translate-y-10',
        'opacity-0',
        'alert-error',
        'alert-success',
        '[transform:rotateY(180deg)]',
        'grid-cols-2',
        'grid-cols-4',
        'grid-cols-6',
        'grid-cols-8',
        'md:grid-cols-2',
        'md:grid-cols-4',
        'md:grid-cols-6',
        'md:grid-cols-8'
    ]
} satisfies Config;