const colors = require('tailwindcss/colors')

const { black, white, ...rainbow } = colors

const COLOR_TYPE = ['bg', 'text', 'border']
const COLOR_NAME = Object.keys(rainbow)
const COLOR_NUMBER = Object.keys(rainbow.rose) // any color will do

const safelist = COLOR_TYPE.flatMap((type) =>
  COLOR_NAME.flatMap((name) =>
    COLOR_NUMBER.map((number) => `${type}-${name}-${number}`)
  )
)

module.exports = {
  purge: {
    safelist: [
      ...safelist,
      'grid-cols-1',
      'grid-cols-2',
      'md:grid-cols-2',
      'md:grid-cols-3',
      'md:grid-cols-4',
      '2xl:grid-cols-3',
      '2xl:grid-cols-5',
      '2xl:grid-cols-6',
    ],
  },
  darkMode: false, // or 'media' or 'class'
  theme: {
    extend: {
      colors: {
        ...colors,
      },
    },
  },
  variants: {
    extend: {},
  },
  plugins: [],
}