tailwind.config.js

const colors = require('tailwindcss/colors');

module.exports = {
    content: [
      './src/**/*.{html,js,vue}',
    ],
    theme: {
      colors: {
        transparent: 'transparent',
        current: 'currentColor',
        amber: colors.amber,
        black: colors.black,
        blue: colors.blue,
        cyan: colors.cyan,
        emerald: colors.emerald,
        fuchsia: colors.fuchsia,
        neutral: colors.neutral,
        blueGray: colors.slate,
        gray: colors.gray,
        stone: colors.stone,
        green: colors.green,
        indigo: colors.indigo,
        lime: colors.lime,
        orange: colors.orange,
        pink: colors.pink,
        purple: colors.purple,
        red: colors.red,
        rose: colors.rose,
        sky: colors.sky,
        teal: colors.teal,
        violet: colors.violet,
        yellow: colors.amber,
        white: colors.white,
      },
      extend: {},
    },
    variants: {
      extend: {},
    },
    plugins: [
      require('@tailwindcss/forms')
    ],
  }