tailwind.config.ts

import { nextui } from '@nextui-org/theme'
import type { Config } from 'tailwindcss'

const config: Config = {
  content: [
    './pages/**/*.{js,ts,jsx,tsx,mdx}',
    './components/**/*.{js,ts,jsx,tsx,mdx}',
    './app/**/*.{js,ts,jsx,tsx,mdx}',
    './node_modules/@nextui-org/theme/dist/components/(avatar|button|calendar|card|checkbox|date-picker|dropdown|input|modal|navbar|popover|ripple|spinner|date-input|menu|divider).js',
  ],
  theme: {
    extend: {
      colors: {
        background: 'var(--background)',
        foreground: 'var(--foreground)',
      },
      fontFamily: {
        sans: ['var(--font-geist-sans)'],
        mono: ['var(--font-geist-mono)'],
      },
    },
  },
  darkMode: 'class',
  plugins: [
    nextui({
      themes: {
        dark: {
          colors: {
            primary: {
              DEFAULT: '#00ff10',
              foreground: '#040607',
            },
            foreground: '#ffffff',
            background: '#040607',
            secondary: '#00adff',
          },
        },
      },
    }),
  ],
}

export default config