module.exports = {
	future: {
		removeDeprecatedGapUtilities: true,
		purgeLayersByDefault: true,
	},
	content: [
		'./**/*.{ts,tsx}',
	],
	safelist: ['text-emerald-400', 'text-amber-300', 'text-red-500', 'text-gray-500', 'text-violet-500', 'bg-koreanbots-blue', 'bg-very-black'],
	darkMode: 'class', // or 'media' or 'class'
	theme: {
		extend: {
			colors: {
				'koreanbots-blue': '#3366FF',
				'koreanbots-black': '#2C2F33',
				'little-white': '#fbfbfb',
				'little-white-hover': '#f1f1f1',
				'koreanbots-green': '#21BA45',
				'koreanbots-red': '#DB2828',
				'discord-blurple': '#5865F2',
				'discord-old-blurple': '#7289DA',
				'discord-dark': '#2C2F33',
				'discord-dark-hover': '#383f48',
				'discord-black': '#23272A',
				'discord-pink': '#FF73FA',
				'very-black': '#1b1e23',
				'github-black': '#24292e'
			}
		},
		minHeight: {
			'1': '5rem',
			'2': '14rem',
			'3': '30rem'
		},
		maxHeight: {
			'1': '5rem',
			'2': '14rem',
			'3': '30rem'
		}
	},
	// eslint-disable-next-line @typescript-eslint/no-var-requires
	plugins: [require('@tailwindcss/forms')({
		strategy: 'class',
	})],
}