ElectifyUI/tailwind.config.mjs at master · iiiulia12/ElectifyUI · 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
/** @type {import('tailwindcss').Config} */

export default {
  content: [
    './app/**/*.{js,ts,jsx,tsx,mdx}',
    './candidates/**/*.{js,ts,jsx,tsx,mdx}',
    './components/**/*.{js,ts,jsx,tsx,mdx}',
    './src/**/*.{js,ts,jsx,tsx,mdx}'
  ],
  theme: {
    extend: {
      colors: {
        'light-sky-blue': '#d9f5fb',
        cloudy: '#617173',
        'dark-cloudy': '#273132',

        'deep-ocean': '#006c9e',
        'navy-blue': '#00405e',
        'midnight-blue': '#032332',
        'blackish-blue': '#01090c',

        // Secondary Teals
        'secondary-teal': '#0d9488',
        'secondary-light': '#2dd4bf',
        'secondary-dark': '#0f766e',
        'secondary-very-light': '#ccfbf7',
        'secondary-very-dark': '#042f2c',

        // Accent Colors
        'accent-coral': '#f97316',
        'accent-light': '#fdba74',
        'accent-dark': '#ea580c',

        'accent-red': '#920a0a',
        'accent-red-light': '#B83E3E',

        'accent-pending-light': '#F09918',
        'accent-start-pending': '#C94802',
        yellow: '#F2F283',
        // Neutral Tones
        'neutral-50': '#f8fafc',
        'neutral-100': '#f1f5f9',
        'neutral-200': '#e2e8f0',
        'neutral-300': '#cbd5e1',
        'neutral-400': '#94a3b8',
        'neutral-500': '#64748b',
        'neutral-600': '#475569',
        'neutral-700': '#334155',
        'neutral-800': '#1e293b',
        'neutral-900': '#0f172a',

        // Success/Error States
        success: '#22c55e',
        error: '#ef4444',
        warning: '#f59e0b',
        info: '#3b82f6'
      }
    }
  },
  plugins: []
}