tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
	content: [
		"./pages/**/*.{js,ts,jsx,tsx,mdx}",
		"./components/**/*.{js,ts,jsx,tsx,mdx}",
		"./app/**/*.{js,ts,jsx,tsx,mdx}",
	],
	safelist: [
		"to-red-400/25",
		"to-yellow-400/25",
		"to-lime-400/25",
		"to-emerald-400/25",
		"to-indigo-400/25",
		"from-red-700/50",
		"from-yellow-700/50",
		"from-lime-700/50",
		"from-emerald-700",
		"from-indigo-700/50",
		"shadow-red-600/25",
		"shadow-yellow-600/25",
		"shadow-lime-600/25",
		"shadow-emerald-600/25",
		"shadow-indigo-600/25",
		"text-red-200",
		"text-yellow-200",
		"text-lime-200",
		"text-emerald-200",
		"text-indigo-200",
		"border-red-200",
		"border-yellow-200",
		"border-lime-200",
		"border-emerald-200",
		"border-indigo-200",
		"group-hover:bg-red-600",
		"group-hover:bg-yellow-600",
		"group-hover:bg-lime-600",
		"group-hover:bg-emerald-600",
		"group-hover:bg-indigo-600",
		"bg-red-600",
		"bg-yellow-600",
		"bg-lime-600",
		"bg-emerald-600",
		"bg-indigo-600",
	],
	theme: {
		extend: {
			backgroundImage: {
				"gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
				"gradient-conic":
					"conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
			},
		},
	},
	plugins: [],
}