megaBlogProject/tailwind.config.js at main · vibek01/megaBlogProject · 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
// tailwind.config.js
module.exports = {
  content: ['./index.html', './src/**/*.{js,jsx,ts,tsx}'],
  theme: {
    extend: {
      colors: {
        primary: '#334155',
        'primary-dark': '#1E293B',
        secondary: '#06B6D4',
        'secondary-dark': '#075985',
        accent: '#F59E0B',
        'accent-dark': '#B45309',
        neutral: '#E2E8F0',
        'neutral-content': '#334155',
        'base-100': '#F1F5F9',
        'base-content': '#1E293B',
      },
      transitionTimingFunction: {
        'in-out': 'cubic-bezier(0.4, 0, 0.2, 1)',
      },
      transitionDuration: {
        300: '300ms',
      },
    },
  },
  plugins: [
    require('@tailwindcss/forms'),
    require('daisyui'),
  ],
  daisyui: {
    themes: [
      {
        megablog: {
          primary: '#334155',
          'primary-content': '#FFFFFF',
          secondary: '#06B6D4',
          'secondary-content': '#FFFFFF',
          accent: '#F59E0B',
          'accent-content': '#FFFFFF',
          neutral: '#E2E8F0',
          'neutral-content': '#334155',
          'base-100': '#F1F5F9',
          'base-content': '#1E293B',
        },
      },
    ],
    defaultTheme: 'megablog',
  },
};