tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
    content: [
        "./src/pages/**/*.{js,ts,jsx,tsx}",
        "./src/components/**/*.{js,ts,jsx,tsx}",
    ],
    theme: {
        extend: {},
        colors: {
            "theme-primary-1": "#1C1C1C",
            "theme-primary-2": "#232323",
            "theme-secondary-1": "#F7931A",
            "theme-secondary-2": "#FF8F27",
            "theme-secondary-3": "#F3BA2F",
            "theme-secondary-alpha": "rgba(247, 147, 26, 0.4)",
            "theme-secondary-alpha-2": "rgba(243, 186, 47, 0.11)",
            "theme-secondary-alpha-3": "rgba(250, 190, 129, 0.46);",
            "theme-secondary-alpha-4": "rgba(255, 194, 140, 0.17)",
            "theme-secondary-alpha-5": "rgba(247, 147, 26, 0.13)",
            "theme-white": "#FFFFFF",
            "theme-white-alpha": "rgba(255, 255, 255, 0.49)",
            "theme-white-alpha-2": "rgba(229, 229, 229, 0.1)",
            "theme-white-alpha-3": "rgba(74, 74, 74, 0.07)",
            "theme-white-alpha-4": "rgba(255, 255, 255, 0.7)",
            "theme-white-alpha-5": "rgba(255, 255, 255, 0.13)",
            "theme-white-alpha-6": "rgba(255, 255, 255, 0.4)",
            "theme-red-1": "#CE0F0F",
            "theme-red-2": "#C8304D",
            "theme-red-alpha": "rgba(206, 15, 15, 0.1)",
            "theme-green": "#00A478",
            "theme-green-alpha": "rgba(0, 164, 120, 0.1)",
            "theme-gray-1": "#A6A6A6",
            "theme-gray-2": "#CED3DA",
            "theme-gray-3": "#C4C4C4",
            "theme-gray-4": "#C4C4C4",
            "theme-gray-5": "#4A4A4A",
            "theme-gray-6": "#5C5C5C",
            "theme-gray-7": "#E5E5E5",
            "theme-gray-alpha": "rgba(166, 166, 166, 0.06)",
            "theme-gray-alpha-2": "rgba(92, 92, 92, 0.7)",
            "theme-black": "#000000",
            "theme-black-alpha": "rgba(0, 0, 0, 0.3)",
        },
        backgroundImage: {
            "earning-bg-desktop": "url('/earning-bg-desktop.png')",
            "earning-bg-mobile": "url('/earning-bg-mobile.png')",
        },
    },
    plugins: [],
};