tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
    content: [
        './vendor/wire-elements/modal/resources/views/*.blade.php',
        './storage/framework/views/*.php',
        "./resources/**/*.blade.php",
        "./app/**/*.php",
        "./resources/**/*.js",
        "./resources/**/*.vue",
    ],
    theme: {
        extend: {
            fontFamily: {
                sans: ["Inter", "sans-serif"],
            },
            colors: {
                coollabs: "#6B16ED",
                "coollabs-100": "#7317FF",
                "coolgray-100": "#181818",
                "coolgray-200": "#202020",
                "coolgray-300": "#242424",
                "coolgray-400": "#282828",
                "coolgray-500": "#323232",
            },
        },
    },
    variants: {
        scrollbar: ["dark"],
        extend: {},
    },
    daisyui: {
        themes: [
            {
                coollabs: {
                    primary: "#202020",
                    "primary-focus": "#242424",
                    secondary: "#6B16ED",
                    accent: "#4338ca",
                    neutral: "#1B1D1D",
                    "base-100": "#101010",
                    info: "#2563EB",
                    success: "#16A34A",
                    warning: "#FCD34D",
                    error: "#DC2626",
                },
            },
        ],
    },
    plugins: [
        require("daisyui"),
        require("tailwindcss-scrollbar"),
        require("@tailwindcss/typography"),
    ],
};