tailwind.config.ts

import type { Config } from 'tailwindcss'
const { nextui } = require("@nextui-org/react");

const config: Config = {
  pageExtensions: ['js', 'jsx', 'ts', 'tsx', 'mdx'],

  content: [
    './components/**/*.{js,ts,jsx,tsx,mdx}',
    './app/**/*.{js,ts,jsx,tsx,mdx}',

    "./node_modules/@nextui-org/theme/dist/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    screens: {
      xs: '320px',
      sm: '480px',
      md: '768px',
      lg: '976px',
      xl: '1440px'
    },
    extend: {
      colors: {
        panelBackground: "#1F2136",
        cardColor: "#282343",
        ultraViolet: "#5F4F7F",
        royalPurple: "#7449A0",
        lavender: "#B67AE4",

        primaryColor: "#A78BFA",
        secondaryColor: "#7d54f8",
        whiteSoft: "#F7EBFF",
        greenSoft: "#005243"
      },
      fontFamily: {
        'lexend': ['Lexend', 'sans-serif']
      },
      backgroundImage: {
        'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
        'gradient-conic':
          'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
      },
    },
  },
  darkMode: "class",
  plugins: [nextui()],
}
export default config