tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./app/**/*.{js,ts,jsx,tsx}"],
  safelist: [
    "text-slate-500",
    "text-gray-500",
    "text-zinc-500",
    "text-orange-500",
    "text-neutral-500",
    "text-stone-500",
    "text-red-500",
    "text-amber-500",
    "text-yellow-500",
    "text-lime-500",
    "text-green-500",
    "text-emerald-500",
    "text-teal-500",
    "text-cyan-500",
    "text-sky-500",
    "text-blue-500",
    "text-indigo-500",
    "text-violet-500",
    "text-purple-500",
    "text-fuchsia-500",
    "text-pink-500",
    "text-sose-500",
    "text-slate-600",
    "text-gray-600",
    "text-zinc-600",
    "text-orange-600",
    "text-neutral-600",
    "text-stone-600",
    "text-red-600",
    "text-amber-600",
    "text-yellow-600",
    "text-lime-600",
    "text-green-600",
    "text-emerald-600",
    "text-teal-600",
    "text-cyan-600",
    "text-sky-600",
    "text-blue-600",
    "text-indigo-600",
    "text-violet-600",
    "text-purple-600",
    "text-fuchsia-600",
    "text-pink-600",
    "text-sose-600",
    "text-slate-800",
    "text-gray-800",
    "text-zinc-800",
    "text-orange-800",
    "text-neutral-800",
    "text-stone-800",
    "text-red-800",
    "text-amber-800",
    "text-yellow-800",
    "text-lime-800",
    "text-green-800",
    "text-emerald-800",
    "text-teal-800",
    "text-cyan-800",
    "text-sky-800",
    "text-blue-800",
    "text-indigo-800",
    "text-violet-800",
    "text-purple-800",
    "text-fuchsia-800",
    "text-pink-800",
    "text-sose-800",
    "bg-slate-800",
    "bg-gray-800",
    "bg-zinc-800",
    "bg-orange-800",
    "bg-neutral-800",
    "bg-stone-800",
    "bg-red-800",
    "bg-amber-800",
    "bg-yellow-800",
    "bg-lime-800",
    "bg-green-800",
    "bg-emerald-800",
    "bg-teal-800",
    "bg-cyan-800",
    "bg-sky-800",
    "bg-blue-800",
    "bg-indigo-800",
    "bg-violet-800",
    "bg-purple-800",
    "bg-fuchsia-800",
    "bg-pink-800",
    "bg-sose-800",
    "bg-slate-900",
    "bg-gray-900",
    "bg-zinc-900",
    "hover:bg-orange-900",
    "hover:bg-neutral-900",
    "hover:bg-stone-900",
    "hover:bg-red-900",
    "hover:bg-amber-900",
    "hover:bg-yellow-900",
    "hover:bg-lime-900",
    "hover:bg-green-900",
    "hover:bg-emerald-900",
    "hover:bg-teal-900",
    "hover:bg-cyan-900",
    "hover:bg-sky-900",
    "hover:bg-blue-900",
    "hover:bg-indigo-900",
    "hover:bg-violet-900",
    "hover:bg-purple-900",
    "hover:bg-fuchsia-900",
    "hover:bg-pink-900",
    "hover:bg-sose-900",
    "accent-slate-800",
    "accent-gray-800",
    "accent-zinc-800",
    "accent-orange-800",
    "accent-neutral-800",
    "accent-stone-800",
    "accent-red-800",
    "accent-amber-800",
    "accent-yellow-800",
    "accent-lime-800",
    "accent-green-800",
    "accent-emerald-800",
    "accent-teal-800",
    "accent-cyan-800",
    "accent-sky-800",
    "accent-blue-800",
    "accent-indigo-800",
    "accent-violet-800",
    "accent-purple-800",
    "accent-fuchsia-800",
    "accent-pink-800",
    "accent-sose-800",
  ],
  theme: {
    extend: {
      fontFamily: {
        inter: ["inter", "sans"],
      },
    },
  },
  plugins: [require("tailwind-scrollbar-hide")],
};