tailwind.config.js

module.exports = {
    jit: true,
    purge: ["./src/**/*.tsx", "./src/**/*.jsx", "./src/**/*.html"],
    darkMode: false, // or 'media' or 'class'
    theme: {
        extend: {
            colors: {
                amber: {
                    50: "#ffe7a4",
                    100: "#ffd971",
                    200: "#ffcc3e",
                    300: "#ffc525",
                    400: "#ffbe0b",
                    500: "#f1b000",
                    600: "#d79e00",
                    700: "#a47800",
                    800: "#715300",
                    900: "#3e2d00",
                },
                orange: {
                    50: "#fdbd9e",
                    100: "#fd9a6b",
                    200: "#fc7839",
                    300: "#fb6720",
                    400: "#fb5607",
                    500: "#e54d04",
                    600: "#cc4403",
                    700: "#9a3302",
                    800: "#672302",
                    900: "#351201",
                },
                pink: {
                    50: "#ff99c5",
                    100: "#ff66a8",
                    200: "#ff338b",
                    300: "#ff1a7d",
                    400: "#ff006e",
                    500: "#e60063",
                    600: "#cc0058",
                    700: "#990042",
                    800: "#66002c",
                    900: "#330016",
                },
                purple: {
                    50: "#dac4f9",
                    100: "#bd95f5",
                    200: "#a067f0",
                    300: "#924fee",
                    400: "#8338ec",
                    500: "#7421ea",
                    600: "#6815dc",
                    700: "#5211ad",
                    800: "#3c0c7f",
                    900: "#260850",
                },
                blue: {
                    50: "#d3e4ff",
                    100: "#a0c5ff",
                    200: "#6da5ff",
                    300: "#5496ff",
                    400: "#3a86ff",
                    500: "#2176ff",
                    600: "#0767ff",
                    700: "#0051d3",
                    800: "#003ea0",
                    900: "#002a6d",
                },
                white: "#FFF",
            },
        },
        fontFamily: {
            sans: ["Asap", "ui-sans-serif", "system-ui"],
        },
    },
    variants: {
        extend: {},
    },
    plugins: [],
};