tailwind.config.js

const defaultTheme = require('tailwindcss/defaultTheme');

/** @type {import('tailwindcss').Config} */
module.exports = {
    content: [
        './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
        './vendor/laravel/jetstream/**/*.blade.php',
        './storage/framework/views/*.php',
        './resources/views/**/*.blade.php',
        './app/Models/Repository.php',
        './app/Http/Livewire/Admin/RepositoryForm.php',
    ],

    theme: {
        container: {
            center: true,
            padding: {
                DEFAULT: '1rem',
                xl: '2rem',
                '2xl': '4rem',
            },
        },
        extend: {
            backgroundImage: {
                'gradient-conic': 'conic-gradient(var(--tw-gradient-stops))',
            },
            keyframes: {
                disco: {
                  '0%': { transform: 'translateY(-50%) rotate(0deg)' },
                  '100%': { transform: 'translateY(-50%) rotate(360deg)' },
                },
            },
            animation: {
                disco: 'disco 4s linear infinite',
            },
            colors: {
                'primary': {  DEFAULT: '#E30613',  '50': '#FDA4A9',  '100': '#FC9096',  '200': '#FB6871',  '300': '#FA414C',  '400': '#F91926',  '500': '#E30613',  '600': '#AC050E',  '700': '#76030A',  '800': '#3F0205',  '900': '#080001'},
                'category-color': 'rgb(var(--category-color) / <alpha-value>)',
                'glittr-black': '#101928',
                'glittr-blue': '#3A86FF',
                'glittr-violet': '#8338EC',
                'glittr-pink': '#FF006E',
                'glittr-orange': '#FB5607',
                'glittr-yellow': '#FFBE0B',
            },
            fontFamily: {
                sans: ['"Source Sans 3"', 'sans-serif'],
            },
        },
    },

    plugins: [require('@tailwindcss/forms'), require('@tailwindcss/typography')],
};