const config = {
  content: ["./src/**/*.{html,js,svelte,ts}"],

  theme: {
    extend: {},
  },

  plugins: [
      require("@tailwindcss/forms")
  ],
  safelist: [
    "bg-blue-50",
    "bg-yellow-50",
    "bg-red-50",
    "bg-green-50",
    "text-blue-400",
    "text-yellow-400",
    "text-red-400",
    "text-green-400",
    "text-blue-800",
    "text-yellow-800",
    "text-red-800",
    "text-green-800",
    "text-blue-700",
    "text-yellow-700",
    "text-red-700",
    "text-green-700",
    "text-blue-500",
    "text-yellow-500",
    "text-red-500",
    "text-green-500",
    "hover:text-blue-600",
    "hover:text-yellow-600",
    "hover:text-red-600",
    "hover:text-green-600",
    "hover:bg-blue-100",
    "hover:bg-yellow-100",
    "hover:bg-red-100",
    "hover:bg-green-100",
    "focus:ring-blue-600",
    "focus:ring-yellow-600",
    "focus:ring-red-600",
    "focus:ring-green-600",
    "focus:ring-offset-blue-50",
    "focus:ring-offset-yellow-50",
    "focus:ring-offset-red-50",
    "focus:ring-offset-green-50",
  ]
};

module.exports = config;