tailwind.config.js

/** @type {import('tailwindcss').Config} */
export default {
  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
  theme: {
    extend: {
      colors: {
        "vercel-blue": "#0076FF",
        "vercel-gray": "##111111",
        "vercel-black": "#000",
        "vercel-white": "#FFF",
        "vercel-gray-50": "#FAFAFA",
        "vercel-gray-100": "#F3F3F3",
        "vercel-gray-200": "#EAEAEA",
        "vercel-gray-300": "#999",
        "vercel-gray-400": "#666",
        "vercel-gray-500": "#111111",
        "vercel-gray-600": "#4F4F4F",
        "vercel-gray-700": "#828282",
        "vercel-gray-800": "#BDBDBD",
        "vercel-gray-900": "#E0E0E0",
        "vercel-blue-50": "#E5F4FF",
        "vercel-blue-100": "#CCEAFF",
        "vercel-blue-200": "#99D5FF",
        "vercel-blue-300": "#66C0FF",
        "vercel-blue-400": "#33ABFF",
        "vercel-blue-500": "#0096FF",
        "vercel-blue-600": "#0076FF",
        "vercel-blue-700": "#0056D9",
        "vercel-blue-800": "#0039A6",
        "vercel-blue-900": "#001B72",
        "vercel-purple-50": "#F6F0FF",
        "vercel-purple-100": "#E3D8FF",
        "vercel-purple-200": "#BFA2FF",
        "vercel-purple-300": "#9B6DFF",
        "vercel-purple-400": "#7747FF",
        "vercel-purple-500": "#5422FF",
        "vercel-purple-600": "#4400CC",
        "vercel-purple-700": "#330099",
        "vercel-purple-800": "#220066",
        "vercel-purple-900": "#110033",
      },
    },
  },
  plugins: [],
};