tailwind.config.cjs

/** @type {import('tailwindcss').Config} */

module.exports = {
    content: ['./index.html', './src/**/*.{js,ts,vue}'],
    theme: {
        extend: {
            colors: {
                primary: '#201e2d',
                secondary: '#2a2839',
                tertiary: '#12111B',
                accent: '#e47373',
                'primary-t': '#cbd5e1',
                'secondary-t': '#A29CDE',
                'tertiary-t': '#5a567c',
                'like': '#d95353',
                'comment': '#74c48b',
                'repost': '#784c9e',
            },
            screens: {
                smd: '880px',
                sm: '640px',
                xs: '560px',
                '2xs': '425px'
            },
            transitionProperty: {
                w: 'width'
            }
        }
    },
    plugins: [require('daisyui'), require('@tailwindcss/line-clamp')],
    // daisyUI config (optional)
    daisyui: {
        styled: true,
        themes: true,
        base: true,
        utils: true,
        logs: false,
        rtl: false,
        prefix: '',
        darkTheme: 'dark'
    }
};