tailwind.config.js

import defaultTheme from 'tailwindcss/defaultTheme';
import colors from "tailwindcss/colors";

/** @type {import('tailwindcss').Config} */
export default {
    content: [
        './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
        './storage/framework/views/*.php',
        './resources/**/*.blade.php',
        './resources/**/*.js',
        './resources/**/*.vue',
    ],
    theme: {
        extend: {
            fontFamily: {
                sans: ['PT Sans', ...defaultTheme.fontFamily.sans],
            },
            colors: {
                'primary': colors.blue,
                'secondary': colors.slate,
                'dark': colors.gray,
            }
        },
        colors: {
            'pink': '#ff6699',
            'blue': '#36c5f0',
            'green': '#bbca9d',
            'yellow': '#FFCC00',
            'light': '#F7F7F7',
            'border': '#E5E5E5',
        }
    },
    plugins: [],
};