tailwind.config.js

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

module.exports = {
    content: [
        './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
        './storage/framework/views/*.php',
        './resources/views/**/*.blade.php',
        './resources/**/*.blade.php',
        './resources/js/**/*.{vue,ts}',
    ],

    theme: {
        extend: {
            colors: {
                secondary: {
                    50: '#d9e6f6',
                    100: '#b1ceed',
                    200: '#85b7e6',
                    300: '#51a0de',
                    400: '#4588bc',
                    500: '#39709b',
                    600: '#2d597b',
                    700: '#22435d',
                    800: '#172e40',
                    900: '#0e1b25',
                },
                info: {
                    50: '#e5e2f8',
                    100: '#ccc6f2',
                    200: '#b3aaec',
                    300: '#9b8ee7',
                    400: '#8472e3',
                    500: '#6d53e0',
                    600: '#5742b4',
                    700: '#423288',
                    800: '#2d235e',
                    900: '#1b1437',
                },
                heliotrope: {
                    50: '#f4ddf7',
                    100: '#ebbbef',
                    200: '#e398e9',
                    300: '#db70e3',
                    400: '#c94dd2',
                    500: '#a740ad',
                    600: '#85338a',
                    700: '#652669',
                    800: '#461b49',
                    900: '#29102b',
                },
                error: {
                    50: '#f7dfe4',
                    100: '#f0beca',
                    200: '#ea9db0',
                    300: '#e47896',
                    400: '#dc507c',
                    500: '#b64266',
                    600: '#913552',
                    700: '#6e283e',
                    800: '#4c1c2b',
                    900: '#2d1019',
                },
                warning: {
                    50: '#f5e1d6',
                    100: '#ecc3ab',
                    200: '#e5a47a',
                    300: '#d4884e',
                    400: '#b47342',
                    500: '#945f36',
                    600: '#764c2b',
                    700: '#593921',
                    800: '#3d2716',
                    900: '#24170d',
                },
                lime: {
                    50: '#dceca8',
                    100: '#bdd64f',
                    200: '#a6bc45',
                    300: '#8fa33c',
                    400: '#798a32',
                    500: '#64722a',
                    600: '#505b21',
                    700: '#3c4419',
                    800: '#2a2f11',
                    900: '#181b0a',
                },
                success: {
                    50: '#c2f0c1',
                    100: '#74e36e',
                    200: '#52ca4a',
                    300: '#47af40',
                    400: '#3c9436',
                    500: '#327a2d',
                    600: '#286224',
                    700: '#1e4a1b',
                    800: '#153313',
                    900: '#0c1e0b',
                },
                primary: {
                    50: '#bcf0dc',
                    100: '#5ee1b6',
                    200: '#49c79f',
                    300: '#3fac89',
                    400: '#359174',
                    500: '#2c7860',
                    600: '#235f4c',
                    700: '#1a483a',
                    800: '#123228',
                    900: '#0b1d17',
                },
            },
            fontFamily: {
                sans: ['Nunito', ...defaultTheme.fontFamily.sans],
            },
        },
    },

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