tailwind.config.js

const production = !process.env.ROLLUP_WATCH;

module.exports = {
    mode: 'jit',
    darkMode: 'class',
    purge: {
        content: [
            "./src/**/*.svelte",
        ],
        options: {
            defaultExtractor: content => [
                ...(content.match(/[^<>"'`\s]*[^<>"'`\s:]/g) || []),
                ...(content.match(/(?<=class:)[^=>\/\s]*/g) || []),
            ],
        },
        enabled: production // disable purge in dev
    },
    theme: {
        extend: {
            textColor: {
                'blurple': '#5865F2'
            }
        },
    },
    variants: {
        extend: {
            backgroundColor: ['checked'],
            borderColor: ['checked'],
        }
    },
    plugins: [
        require('@tailwindcss/forms')
    ],
    future: {
        purgeLayersByDefault: true,
        removeDeprecatedGapUtilities: true,
    },

}