tailwind.config.js

module.exports = {
  important: true,
  content: [
    "./src/pages/**/*.{js,ts,jsx,tsx}",
    "./src/components/**/*.{js,ts,jsx,tsx}",
  ],
  darkMode: "class",
  theme: {
    extend: {
      colors: {
        violet: {
          DEFAULT: "7A00FF",
          100: "#FAF5FF",
          200: "#E4CCFF",
          300: "#CFA3FF",
          400: "#BA7AFF",
          500: "#A552FF",
          600: "#8F29FF",
          700: "#7A00FF",
          800: "#5F00C7",
          900: "#44008F",
        },
        gray: {
          DEFAULT: "#F5F4F6",
          50: "#FFFFFF",
          100: "#F5F4F6",
          200: "#D9D5DD",
          300: "#BCB6C3",
          400: "#A097AA",
          500: "#847891",
          600: "#685E73",
          700: "#4C4554",
          800: "#302C35",
          900: "#141216",
        },
      },
      spacing: {
        1: "4px",
        2: "8px",
        3: "12px",
        4: "16px",
        5: "20px",
        6: "24px",
        7: "28px",
        8: "32px",
        9: "36px",
        10: "40px",
      },
    },
  },
  plugins: [require("tailwind-scrollbar-hide")],
};