gunbuilder-next-tailwind/tailwind.config.js

console.log('DaisyUI plugin loaded');
/** @type {import('tailwindcss').Config} */
module.exports = {
    content: [
      './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
      './src/components/**/*.{js,ts,jsx,tsx,mdx}',
      './src/app/**/*.{js,ts,jsx,tsx,mdx}',
    ],
    darkMode: 'class',
    theme: {
      extend: {
        colors: {
          // Primary brand colors
          primary: {
            50: '#f0f9ff',
            100: '#e0f2fe',
            200: '#bae6fd',
            300: '#7dd3fc',
            400: '#38bdf8',
            500: '#0ea5e9',
            600: '#0284c7',
            700: '#0369a1',
            800: '#075985',
            900: '#0c4a6e',
            950: '#082f49',
          },
          // Secondary accent colors
          accent: {
            50: '#fef2f2',
            100: '#fee2e2',
            200: '#fecaca',
            300: '#fca5a5',
            400: '#f87171',
            500: '#ef4444',
            600: '#dc2626',
            700: '#b91c1c',
            800: '#991b1b',
            900: '#7f1d1d',
            950: '#450a0a',
          },
          // Neutral grays with warm undertones
          neutral: {
            50: '#fafafa',
            100: '#f5f5f5',
            200: '#e5e5e5',
            300: '#d4d4d4',
            400: '#a3a3a3',
            500: '#737373',
            600: '#525252',
            700: '#404040',
            800: '#262626',
            900: '#171717',
            950: '#0a0a0a',
          },
          // Success colors
          success: {
            50: '#f0fdf4',
            100: '#dcfce7',
            200: '#bbf7d0',
            300: '#86efac',
            400: '#4ade80',
            500: '#22c55e',
            600: '#16a34a',
            700: '#15803d',
            800: '#166534',
            900: '#14532d',
            950: '#052e16',
          },
          // Warning colors
          warning: {
            50: '#fffbeb',
            100: '#fef3c7',
            200: '#fde68a',
            300: '#fcd34d',
            400: '#fbbf24',
            500: '#f59e0b',
            600: '#d97706',
            700: '#b45309',
            800: '#92400e',
            900: '#78350f',
            950: '#451a03',
          },
        },
        fontFamily: {
          sans: ['Inter', 'system-ui', 'sans-serif'],
          display: ['Inter', 'system-ui', 'sans-serif'],
        },
        animation: {
          'fade-in': 'fadeIn 0.5s ease-in-out',
          'slide-up': 'slideUp 0.3s ease-out',
        },
        keyframes: {
          fadeIn: {
            '0%': { opacity: '0' },
            '100%': { opacity: '1' },
          },
          slideUp: {
            '0%': { transform: 'translateY(10px)', opacity: '0' },
            '100%': { transform: 'translateY(0)', opacity: '1' },
          },
        },
      },
    },
    plugins: [require('daisyui')],
    daisyui: {
      themes: [
        {
          light: {
            "primary": "#0ea5e9",
            "primary-content": "#ffffff",
            "secondary": "#ef4444",
            "secondary-content": "#ffffff",
            "accent": "#f59e0b",
            "accent-content": "#ffffff",
            "neutral": "#737373",
            "neutral-content": "#ffffff",
            "base-100": "#ffffff",
            "base-200": "#f5f5f5",
            "base-300": "#e5e5e5",
            "base-content": "#171717",
            "info": "#0ea5e9",
            "success": "#22c55e",
            "warning": "#f59e0b",
            "error": "#ef4444",
          },
          dark: {
            "primary": "#38bdf8",
            "primary-content": "#ffffff",
            "secondary": "#f87171",
            "secondary-content": "#ffffff",
            "accent": "#fbbf24",
            "accent-content": "#ffffff",
            "neutral": "#a3a3a3",
            "neutral-content": "#ffffff",
            "base-100": "#171717",
            "base-200": "#262626",
            "base-300": "#404040",
            "base-content": "#ffffff",
            "info": "#38bdf8",
            "success": "#4ade80",
            "warning": "#fbbf24",
            "error": "#f87171",
          },
        },
      ],
      darkTheme: "dark",
      base: true,
      styled: true,
      utils: true,
      prefix: "",
      logs: true,
      themeRoot: ":root",
    },
  };