tailwind.config.js

/** @type {import('tailwindcss').Config} */
export default {
  content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
  theme: {
    extend: {}
  },
  plugins: []
}

// /** @type {import('tailwindcss').Config} */
// import daisyui from 'daisyui'
// export default {
//   content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
//   theme: {
//     extend: {}
//   },
//   plugins: [daisyui],
//   daisyui: {
//     // themes: ['light']
//     themes: [
//       {
//         onatlight: {
//           primary: '#01204e',
//           secondary: '#ef4444',
//           accent: '#0284c7',
//           neutral: '#e5e7eb',
//           'base-100': '#ffffff',
//           info: '#67e8f9',
//           success: '#4ade80',
//           warning: '#fde047',
//           error: '#dc2626',

//           '--rounded-box': '1rem', // border radius rounded-box utility class, used in card and other large boxes
//           '--rounded-btn': '0.5rem', // border radius rounded-btn utility class, used in buttons and similar element
//           '--rounded-badge': '1.9rem', // border radius rounded-badge utility class, used in badges and similar
//           '--animation-btn': '0.25s', // duration of animation when you click on button
//           '--animation-input': '0.2s', // duration of animation for inputs like checkbox, toggle, radio, etc
//           '--btn-focus-scale': '0.95', // scale transform of button when you focus on it
//           '--border-btn': '1px', // border width of buttons
//           '--tab-border': '1px', // border width of tabs
//           '--tab-radius': '0.5rem' // border radius of tabs
//         }
//       }
//     ]
//   }
// }