tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./app/**/*.{js,ts,jsx,tsx}",
    "./pages/**/*.{js,ts,jsx,tsx}",
    "./components/**/*.{js,ts,jsx,tsx}",
    "./base/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      boxShadow: {
        custom: "rgba(255, 255, 255, 0.2) 0px 0px 15px",
        customSecondary: "rgba(255, 255, 255, 0.30) 0px 0px 3px 1px",
      },
      colors: {
        primary: {
          main: "#1f9bf0",
        },
        custom: {
          blue: "#1f9bf0",
          green: "#05b97c",
          pink: "#f9197f",
          yellow: "#ffd401",
          purple: "#7956ff",
          orange: "#ff7a00",
          externalRed: "#ff0000",
          red: "#ff0000",
          redHover: "rgba(255, 0, 0, 0.2)",
          white: "#ffffff",
          black: "#000000",
          lightBlack: "#16181c",
          grayMain: "#f2f2f2",
          darkGray: "#333333",
          lightGray: "#999999",
          gray: {
            main: "#71767B",
          },
        },
      },
      spacing: {
        small: 42,
        medium: 64,
        large: 128,
      },
      scrollbar: ["rounded-md"],
      borderWidth: {
        sm: "1px",
      },
    },
  },

  plugins: [require("tailwind-scrollbar")({ nocompatible: true })],
};