lasthourcloud/tailwind.config.js

/** @type {import('tailwindcss').Config} */
const colors = {
    base: "#101010",
    warning: "#FCD452",
    success: "#16A34A",
    error: "#DC2626",
    coollabs: "#6B16ED",
    "coollabs-100": "#7317FF",
    "coolgray-100": "#181818",
    "coolgray-200": "#202020",
    "coolgray-300": "#242424",
    "coolgray-400": "#282828",
    "coolgray-500": "#323232",
};
module.exports = {
    darkMode: "selector",
    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,
        },
    },
    variants: {
        scrollbar: ["dark"],
        extend: {},
    },
    daisyui: {
        themes: [
            {
                coollabs: {
                    primary: "#202020",
                    "primary-focus": "#242424",
                    secondary: "#00bcf3",
                    accent: "#4338ca",
                    neutral: "#1B1D1D",
                    "base-100": "#101010",
                    info: "#2563EB",
                    success: "#16A34A",
                    warning: "#FCD34D",
                    error: "#DC2626",
                },
            },
        ],
    },
    plugins: [
        require("tailwindcss-scrollbar"),
        require("@tailwindcss/typography"),
        require("@tailwindcss/forms"),
    ],
};