tailwind.config.ts

import type { Config } from 'tailwindcss'

const plugin = require('tailwindcss/plugin')
const defaultTheme = require('tailwindcss/defaultTheme')

const config: Config = {
  content: ['./src/**/*.{html,tsx,ts,js,jsx,css,scss,sass,less,json}'],
  theme: {
    fontFamily: {
      sans: ['GeneralSans', ...defaultTheme.fontFamily.sans],
      mono: [...defaultTheme.fontFamily.mono]
    },
    extend: {
      transitionProperty: {
        height: 'height'
      }
    }
  },
  daisyui: {
    themes: [
      {
        light: {
          'color-scheme': 'light',
          'primary': 'oklch(49.12% 0.3096 275.75)',
          'secondary': 'oklch(69.71% 0.329 342.55)',
          'secondary-content': 'oklch(98.71% 0.0106 342.55)',
          'accent': 'oklch(76.76% 0.184 183.61)',
          'neutral': '#000000',
          'neutral-content': '#FFFFFF',
          'base-100': 'oklch(100% 0 0)',
          'base-200': '#F2F2F2',
          'base-300': '#E5E6E6',
          'base-content': '#1f2937'
        }
      }
    ]
  },
  variants: {},
  plugins: [
    require('tailwindcss'),
    require('@tailwindcss/typography'),
    require('autoprefixer'),
    require('daisyui'),
    plugin(function ({ addBase }: { addBase: any }) {
      addBase({
        a: {
          'textDecoration': 'none',
          '&:hover': {
            textDecoration: 'underline'
          }
        }
      })
    })
  ],
  corePlugins: {
    preflight: true
  }
}

export default config