tall-mui-3-project/tailwind.config.js

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

module.exports = {
  // purge: ['./public/index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
  darkMode: false, // or 'media' or 'class'
  theme: {
    extend: {},
    colors: {
      blue: colors.sky,
      gray: colors.blueGray,
      red: colors.red,
      orange: colors.orange,
      yellow: colors.yellow,
      green: colors.green,
      pink: colors.rose,
      white: colors.white,
      black: '#333',
      transparent: 'transparent',
    },
  },
  variants: { extend: {} },
  plugins: [],
  corePlugins: {
    space: false,
    divideWidth: false,
    divideColor: false,
    divideStyle: false,
    divideOpacity: false,
  },
};