tailwind.config.js

const nextui = require('@nextui-org/react');

module.exports = {
  content: [
    './src/**/*.{js,ts,jsx,tsx}',
    './node_modules/@nextui-org/theme/dist/**/*.{js,ts,jsx,tsx}',
  ],
  theme: {
    fontSize: {
      xs: '0.75rem',
      sm: '0.875rem',
      base: '1rem',
      lg: '1.125rem',
      xl: '1.25rem',
      '2xl': '1.5rem',
      '3xl': '1.875rem',
      '4xl': '2.25rem',
      '5xl': '3rem',
      '6xl': '4rem',
    },
    extend: {
      colors: {
        primary: {
          50: '#f4f7fb',
          100: '#e8eef6',
          200: '#ccdbeb',
          300: '#9fbeda',
          400: '#6b9cc5',
          500: '#4880af',
          600: '#366593',
          700: '#305880',
          800: '#284664',
          900: '#263c54',
          950: '#192738',
        },
        kiyanaw: {
          50: '#f4f7fb',
          100: '#e8eef6',
          200: '#ccdbeb',
          300: '#9fbeda',
          400: '#6b9cc5',
          500: '#4880af',
          600: '#366593',
          700: '#305880',
          800: '#284664',
          900: '#263c54',
          950: '#192738',
        },
        gray: {
          100: '#f7fafc',
          200: '#edf2f7',
          300: '#e2e8f0',
          400: '#cbd5e0',
          500: '#a0aec0',
          600: '#718096',
          700: '#4a5568',
          800: '#2d3748',
          900: '#1a202c',
        },
      },
      lineHeight: {
        hero: '4.5rem',
      },
    },
  },
  darkMode: 'class',
  plugins: [require("daisyui"), nextui.nextui()],
  safelist: [
    'bg-red-100',
    'text-red-800',
    'bg-green-100',
    'text-green-800',
    'bg-pink-100',
    'text-pink-800',
    'bg-sky-100',
    'text-sky-800',
  ],
  daisyui: {
    prefix: 'daisy-'
  }
};