const colors = require('tailwindcss/colors')
const appWidth = '1280px'
const sideBarWidth = '220px'

/** @type {import('tailwindcss').Config} */
export default {
  content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
  theme: {
    extend: {
      colors: {
        primary: '#1e4bc4',
        secondary: 'red',
      },
      colors: {
        primary: '#1e4bc4',
        secondary: colors.gray[500],
      },
      maxWidth: {
        app: appWidth,
        sidebar: sideBarWidth,
      },
      width: {
        sidebar: sideBarWidth,
      },
      margin: {
        sidebar: sideBarWidth,
      },
    },
  },
  plugins: [require('daisyui')],
  daisyui: {
    themes: [
      {
        contexted: {
          primary: '#1E4BC4',
          secondary: '#F000B8',
          accent: '#37CDBE',
          neutral: '#3D4451',
          'base-100': '#FFFFFF',
          info: '#3ABFF8',
          success: '#36D399',
          warning: '#FBBD23',
          error: '#F87272',
        },
      },
    ],
    logs: false,
  },
}