tailwind.config.js

/** @type {import('tailwindcss').Config} */

const { nextui } = require("@nextui-org/react");

module.exports = {
  mode: "jit",
  darkMode: "class",
  content: [
    "./src/**/*.{html,js,ts,jsx,tsx}",
    "./public/**/*.{html,js,ts,jsx,tsx}",
    "./node_modules/@nextui-org/theme/dist/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      colors: {
        light: {
          50: "#FFFFFF",
          100: "#EFEFEF",
          200: "#DCDCDC",
          300: "#BDBDBD",
          400: "#989898",
          500: "#7C7C7C",
          600: "#656565",
          700: "#525252",
          800: "#464646",
          900: "#3D3D3D",
          950: "#292929",
        },

        dark: {
          50: "#F6F6F6",
          100: "#E7E7E7",
          200: "#D1D1D1",
          300: "#B0B0B0",
          400: "#888888",
          500: "#6D6D6D",
          600: "#5D5D5D",
          700: "#4F4F4F",
          800: "#454545",
          900: "#3D3D3D",
          950: "#000000",
        },

        primary: {
          50: "#F4E4FF",
          100: "#ECCFFF",
          200: "#DCA7FF",
          300: "#CC7EFE",
          400: "#BC56FE",
          500: "#AC2DFE",
          600: "#9301F2",
          700: "#7101BA",
          800: "#4F0182",
          900: "#2D004A",
          950: "#1C002E",
        },

        secondary: {
          50: "#E8F7FE",
          100: "#D4F0FE",
          200: "#ACE2FD",
          300: "#85D4FC",
          400: "#5DC6FB",
          500: "#35B8FA",
          600: "#06A2F1",
          700: "#057DBA",
          800: "#035883",
          900: "#02344D",
          950: "#012131",
        },
      },
    },
  },
  plugins: [require("tailwind-scrollbar-hide"), nextui()],
};