tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    extend: {
      backgroundImage: {
        "gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
        "gradient-conic":
          "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
      },
      dropShadow: {
        glow: [
          "0 0px 20px rgba(255,255, 255, 0.35)",
          "0 0px 65px rgba(255, 255,255, 0.2)",
        ],
      },
    },
    colors: {
      "primary-text": "#7b4ae2",
      "primary-bg-extraLight": "rgba(123, 74, 226, 0.1)",
      "primary-bg-extraLight2": "rgba(123, 74, 226, 0.2)",
      "primary-bg-light": "rgba(123, 74, 226, 0.5)",
      customGrey: "rgba(255, 255, 255, 0.5)",
      customGrey2: "#cdcdcd",
    },
  },
  plugins: [],
};