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,
                'pink': '#ff6699',
                'blue': '#36c5f0',
                'green': '#bbca9d',
                'yellow': '#FFCC00',
                'light': '#F7F7F7',
                'border': '#E5E5E5',
                'muted': '#585858',
            }
        },
    },
    plugins: [],
};