tailwind.config.ts

import { nextui } from "@nextui-org/react";
import daisyui from "daisyui";
import tailwindScrollbar from "tailwind-scrollbar";
import type { Config } from "tailwindcss";

const config: Config = {
  content: [
    "./components/**/*.{ts,tsx,mdx}",
    "./app/**/*.{ts,tsx,mdx}",
    "./node_modules/@nextui-org/theme/dist/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      colors: {
        primary: "#A27B5C",
        secondary: "#3F4E4F",
        tertiary: "#DCD7C9",
        accent: {
          yellow: "#FFA90B",
          green: "#22D7A6",
          red: "#F14C35",
          blue: "#129BFF",
          purple: "#5A3CF3",
        },
      },
      backgroundImage: {},
      screens: {
        xs: "400px",
      },
    },
  },
  plugins: [
    daisyui,
    tailwindScrollbar,
    nextui({
      prefix: "nui-",
      addCommonColors: false,
      layout: { radius: { large: "0px", medium: "0px", small: "0px" } },
      themes: {
        light: {
          colors: {
            danger: "#F14C35",
          },
        },
      },
    }),
  ],
  daisyui: {
    themes: false,
    darkTheme: false,
    prefix: "dui-",
    logs: false,
  },
};
export default config;