plexifybid/tailwind.config.js at main · Plexify-AI/plexifybid · 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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
    "./plexify-shared-ui/src/**/*.{js,ts,jsx,tsx}",
    "./node_modules/plexify-shared-ui/dist/**/*.{js,mjs}",
  ],
  safelist: [
    // Ensure NotebookBD Phase 1A UI (shared-ui source) always has the required styles
    'bg-gradient-to-br',
    'from-indigo-500',
    'to-purple-600',
    'text-white',
    'bg-white/20',
    'hover:bg-white/30',
    'bg-white/90',
    'bg-black/20',
    'hover:bg-black/30',
    'from-black/60',
    'to-transparent',
    'aspect-video',
    'bg-slate-300',
    'from-slate-400',
    'to-slate-500',
    'bg-indigo-600',
    'hover:bg-indigo-700',
  ],
  theme: {
    extend: {
      colors: {
        // Navy Blue primary (PlexifySOLO brand)
        primary: {
          50: '#eff6ff',
          100: '#dbeafe',
          200: '#bfdbfe',
          300: '#93c5fd',
          400: '#60a5fa',
          500: '#3b82f6',
          600: '#2563eb',
          700: '#1d4ed8',
          800: '#1e40af',
          900: '#1e3a8a', // Main Navy Blue
          950: '#172554',
        },
        // SOLO brand colors
        solo: {
          green: '#70b180',      // Dashboard gradient light
          coral: '#e8927c',      // Dashboard gradient dark
          navyBlue: '#1e3a8a',   // Sidebar background
          activeNav: '#3b82f6',  // Active navigation item
        },
      },
      fontFamily: {
        sans: ['Inter', 'system-ui', 'sans-serif'],
      },
      boxShadow: {
        'inner-lg': 'inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)',
      },
      borderWidth: {
        '3': '3px',
      },
      backgroundImage: {
        'blueprint-pattern': "linear-gradient(rgba(255, 255, 255, 0.1) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.1) 1px, transparent 1px)",
        'safety-stripe': "repeating-linear-gradient(45deg, #FFC107, #FFC107 10px, #000000 10px, #000000 20px)",
      },
      backgroundSize: {
        'blueprint': '20px 20px',
      },
      keyframes: {
        fadeIn: {
          '0%': { opacity: '0', transform: 'translateY(4px)' },
          '100%': { opacity: '1', transform: 'translateY(0)' },
        },
      },
      animation: {
        fadeIn: 'fadeIn 0.3s ease-out',
      },
    },
  },
  plugins: [],
}