tailwind.config.js

import defaultTheme from "tailwindcss/defaultTheme";
import forms from "@tailwindcss/forms";
import typography from "@tailwindcss/typography";

/** @type {import('tailwindcss').Config} */
export default {
    content: [
        "./vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php",
        "./vendor/laravel/jetstream/**/*.blade.php",
        "./storage/framework/views/*.php",
        "./resources/views/**/*.blade.php",
    ],

    // darkMode: "class",

    theme: {
        extend: {
            fontFamily: {
                sans: ["Figtree", ...defaultTheme.fontFamily.sans],
            },
            colors: {
                gray: {
                    // 50: "#F0F6FC",
                    // 100: "#C9D1D9",
                    // 200: "#B1BAC4",
                    // 300: "#8B949E",
                    // 400: "#6E7681",
                    // 500: "#484F58",
                    // 600: "#30363D",
                    // 700: "#21262D",
                    // 800: "#161B22",
                    // 900: "#0D1117",
                    // 950: "#010409",
                },
                blue: {
                    // 50: "#CAE8FF",
                    // 100: "#A5D6FF",
                    // 200: "#79C0FF",
                    // 300: "#58A6FF",
                    // 400: "#388BFD",
                    500: "#1F6FEB",
                    600: "#1158C7",
                    // 700: "#0D419D",
                    // 800: "#0C2D6B",
                    // 900: "#051D4D",
                },
            },
        },
    },

    plugins: [forms, typography],
};