tailwind.config.js

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

module.exports = {
  content: [
    "src/main/javascript/**/*.{vue,js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      colors: {
        transparent: 'transparent',
        current: 'currentColor',
        black: colors.black,
        white: colors.white,
        red: colors.red,
        orange: colors.orange,
        yellow: colors.amber,
        green: colors.emerald,
        gray: colors.slate,
        indigo: {
          100: '#e6e8ff',
          300: '#b2b7ff',
          400: '#7886d7',
          500: '#6574cd',
          600: '#5661b3',
          800: '#2f365f',
          900: '#191e38',
        },
      },
      borderColor: ({theme}) => ({ DEFAULT: theme('colors.gray.200', 'currentColor') }),
      fontFamily: { sans: ['Cerebri Sans', ...defaultTheme.fontFamily.sans] },
      boxShadow: ({theme}) => ({ outline: '0 0 0 2px ' + theme('colors.indigo.500') }),
      fill: theme => theme('colors')
    },
  },
  plugins: [],
}