Muzfir/tailwind.config.js at main · Moriyan1307/Muzfir · 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} */
module.exports = {
  content: [
    './pages/**/*.{js,ts,jsx,tsx,mdx}',
    './components/**/*.{js,ts,jsx,tsx,mdx}',
    './app/**/*.{js,ts,jsx,tsx,mdx}',
  ],
  theme: {
    extend: {
      colors: {
        primary: {
          50: '#eff6ff',
          100: '#dbeafe',
          200: '#bfdbfe',
          300: '#93c5fd',
          400: '#60a5fa',
          500: '#3b82f6',
          600: '#2563eb',
          700: '#1d4ed8',
          800: '#1e40af',
          900: '#1e3a8a',
        },
        secondary: {
          50: '#f0fdfa',
          100: '#ccfbf1',
          200: '#99f6e4',
          300: '#5eead4',
          400: '#2dd4bf',
          500: '#14b8a6',
          600: '#0d9488',
          700: '#0f766e',
          800: '#115e59',
          900: '#134e4a',
        },
      },
      backgroundImage: {
        'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
        'gradient-conic':
          'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
      },
    },
  },
  plugins: [],
  safelist: [
    'bg-white', 'rounded-lg', 'shadow-md', 'overflow-hidden', 'transition-all', 'duration-300',
    'shadow-lg', 'transform', '-translate-y-1',
    'px-4', 'py-2', 'rounded-md', 'font-medium', 'transition-colors', 'duration-200',
    'bg-blue-500', 'text-white', 'hover:bg-blue-600',
    'bg-green-500', 'hover:bg-green-600',
    'border', 'border-blue-500', 'text-blue-500', 'hover:bg-blue-50',
    'border-gray-300', 'focus:outline-none', 'focus:ring-2', 'focus:ring-blue-500', 'focus:border-transparent',
    'block', 'text-sm', 'font-medium', 'text-gray-700', 'mb-1',
    'max-w-7xl', 'mx-auto', 'sm:px-6', 'lg:px-8',
    'py-12',
    'text-3xl', 'font-bold', 'text-gray-900', 'mb-6',
    'text-2xl', 'font-semibold', 'text-gray-800', 'mb-4',
    'text-xl', 'mb-3',
    'text-gray-500',
    'animate-spin', 'h-5', 'w-5', 'text-blue-500'
  ]
}