tailwind.config.js

/** @type {import('tailwindcss').Config} */
const withMT = require("@material-tailwind/react/utils/withMT");
export default withMT({
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
    "path-to-your-node_modules/@material-tailwind/react/components/**/*.{js,ts,jsx,tsx}",
    "path-to-your-node_modules/@material-tailwind/react/theme/components/**/*.{js,ts,jsx,tsx}",
    "./node_modules/tailwind-datepicker-react/dist/**/*.js",
  ],

  theme: {
    extend: {
      colors: {
        primary: "#000",
        secondary: "#1E95C8",
        sidebar: "#002C32",
        bluemark: "#1C78E4",
        sidemenu: "#FFFFFF",
        activeside: "#3CD5E9",
        purchase: "#FFB422",
        navbrand: "#1E95C8",
        verify: "#007bff",
        success: "28a745",
        warning: "ffc107",
        danger: "dc3545",
        info: "17a2b8",
      },
    },
  },
  plugins: ["prettier-plugin-tailwindcss"],
});