tailwind.config.js

module.exports = {
    content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
    theme: {
        extend: {
            // colors: require('../colors'),
            fontFamily: ['Montserrat', 'sans-serif'],
        },
    },
    plugins: [require('@tailwindcss/typography'), require('daisyui')],
    daisyui: {
        styled: true,
        base: true,
        utils: true,
        logs: true,
        rtl: false,
        themes: [
            {
                forest: {
                    ...require('daisyui/src/colors/themes')['[data-theme=forest]'],
                    '--padding-card': '1.5rem',
                    // '--rounded-box': '1rem', // border radius rounded-box utility class, used in card and other large boxes
                    // '--rounded-btn': '0.5rem', // border radius rounded-btn utility class, used in buttons and similar element
                    // '--rounded-badge': '1.9rem', // border radius rounded-badge utility class, used in badges and similar
                    // '--animation-btn': '0.25s', // duration of animation when you click on button
                    // '--animation-input': '0.2s', // duration of animation for inputs like checkbox, toggle, radio, etc
                    // '--btn-text-case': 'uppercase', // set default text transform for buttons
                    // '--btn-focus-scale': '0.95', // scale transform of button when you focus on it
                    // '--border-btn': '1px', // border width of buttons
                    // '--tab-border': '1px', // border width of tabs
                    // '--tab-radius': '0.5rem' // border radius of tabs
                },
            },
            'emerald',
        ],
    },
}