N8N-DASHBOARD/dashboard/tailwind.config.js

/** @type {import('tailwindcss').Config} */
export default {
  darkMode: 'class',
  content: ['./index.html', './src/**/*.{ts,tsx}'],
  theme: {
    extend: {
      colors: {
        // Surfaces (dark by default — command center look)
        border: '#27272a',         // zinc-800
        background: '#09090b',     // zinc-950
        foreground: '#fafafa',     // zinc-50
        muted: {
          DEFAULT: '#18181b',      // zinc-900 (panels)
          foreground: '#a1a1aa',   // zinc-400 (secondary text)
        },
        card: {
          DEFAULT: '#0f0f12',      // slight lift from background
          foreground: '#fafafa',
        },
        popover: {
          DEFAULT: '#18181b',
          foreground: '#fafafa',
        },
        // Status — high contrast on dark
        success: '#22c55e',         // green-500
        'success-fg': '#052e16',    // for badges
        error: '#ef4444',           // red-500
        'error-fg': '#450a0a',
        warning: '#f59e0b',         // amber-500
        'warning-fg': '#451a03',
        pending: '#eab308',         // yellow-500
        'pending-fg': '#422006',
        info: '#3b82f6',            // blue-500
        'info-fg': '#172554',
        // Accent (active states, links)
        accent: '#60a5fa',          // blue-400
      },
      borderRadius: {
        lg: '0.5rem',
        md: '0.375rem',
        sm: '0.25rem',
      },
      fontFamily: {
        mono: ['ui-monospace', 'SFMono-Regular', 'Menlo', 'monospace'],
        sans: ['ui-sans-serif', 'system-ui', '-apple-system', 'sans-serif'],
      },
      animation: {
        'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',
      },
    },
  },
  plugins: [],
};