feat: Safelist all classes needed for alerts

1 files changed, 38 insertions, 0 deletions

diff --git a/apps/kit/tailwind.config.cjs b/apps/kit/tailwind.config.cjs
index a81035a..65b523e 100644
--- a/apps/kit/tailwind.config.cjs
+++ b/apps/kit/tailwind.config.cjs
@@ -8,6 +8,44 @@ const config = {
   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;