tailwind.config.ts

import type { Config } from "tailwindcss";
import daisyui from "daisyui";
const config: Config = {
  content: [
    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./components/**/*.{js,ts,jsx,tsx,mdx}",
    "./app/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    extend: {
      colors: {
        "pearl-white": "#F0F0F0",
        "neon-cyan": "#00FFFF",
        "neon-magenta": "#FF00FF",
        "neon-green": "#00FF00",
        "dark-gray": "#1A1A1A",
        "pure-black": "#000000",
        "vivid-blue": "#0F52BA",
        "lawn-green": "#7CFC00",
        "gold": "#FFD700",
        "orange-red": "#FF4500",
        "neon-green-500": "#39ff14",
        "neon-pink": "#ff007f",
        "neon-magenta-500": "#ff00ff",
      },

      keyframes: {
        fadeIn:{
          '0%': {opacity: '0'},
          '100%': {opacity: '1'}
        },
        fadeOut:{
          '0%': {opacity: '1'},
          '100%': {opacity: '0'}
        },
        slideIn:{
          '0%': {transform: 'translateX(-100%)'},
          '100%': {transform: 'translateX(0)'}
        },
        slideOut:{
          '0%': {transform: 'translateX(0)'},
          '100%': {transform: 'translateX(-100%)'}
        },
        },
      animation: {
        'fadeIn': 'fadeIn 1s ease-in-out',
        'fadeOut': 'fadeOut 2s ease-in-out',
        'slideIn': 'slideIn 2s ease-in-out',
        'slideOut': 'slideOut 2s ease-in-out'
      },
    },

  },
  plugins: [daisyui],
  daisyui:{
    themes: [
      {
        'mytheme': {
          'primary': '#00FFFF',  // Neon Cyan
          'secondary': '#FF00FF',  // Neon Magenta
          'accent': '#00FF00',  // Neon Green
          'neutral': '#1A1A1A',  // Dark Gray/Almost Black
          'base-100': '#000000',  // Pure Black
          'info': '#0F52BA',  // Vivid Blue
          'success': '#7CFC00',  // Lawn Green
          'warning': '#FFD700',  // Gold
          'error': '#FF4500',  // Orange Red

        },

      },
    ]
  }
};
export default config;