crewform/tailwind.config.ts at main · CrewForm/crewform · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
/** @type {import('tailwindcss').Config} */
export default {
  darkMode: 'class',
  content: [
    './index.html',
    './src/**/*.{js,ts,jsx,tsx}',
  ],
  theme: {
    extend: {
      colors: {
        // CrewForm brand tokens — aligned with crewform-landing2 color scheme
        brand: {
          primary: '#6bedb9',
          secondary: '#4dc89a',
          hover: '#8af0cd',
          muted: 'rgba(107, 237, 185, 0.1)',
        },
        surface: {
          primary: '#0D0F1A',
          card: '#141828',
          raised: '#1C2035',
          elevated: '#212640',
          overlay: '#212640',
        },
        status: {
          success: '#22C55E',
          'success-text': '#4ADE80',
          warning: '#EAB308',
          'warning-text': '#FACC15',
          error: '#EF4444',
          'error-text': '#F87171',
          idle: '#4B5563',
        },
        border: {
          DEFAULT: '#2E3450',
          muted: '#1E2235',
          emphasis: '#8B949E',
        },
        priority: {
          urgent: '#FF7B72',
          high: '#D29922',
          medium: '#5B6EF5',
          low: '#8B949E',
        },
      },
      fontFamily: {
        sans: ['Inter', 'SF Pro Display', 'system-ui', '-apple-system', 'sans-serif'],
        mono: ['JetBrains Mono', 'Fira Code', 'Cascadia Code', 'monospace'],
      },
      borderRadius: {
        'brand-sm': '10px',
        'brand': '12px',
        'brand-lg': '16px',
        'brand-pill': '20px',
      },
      animation: {
        'pulse-slow': 'pulse 1.5s ease-in-out infinite',
      },
    },
  },
  plugins: [],
}