Spiderman Theme Fixed

src/components/leads/lead-status-badge.tsx

@@ -7,23 +7,23 @@ import { cn } from "@/lib/utils"
 const statusConfig: Record<LeadStatus, { label: string; class: string }> = {
   open: {
     label: "Open",
-    class: "bg-blue-500/10 text-blue-600 dark:text-blue-400 border-blue-500/20",
+    class: "bg-white/40 text-gray-700 dark:text-gray-300 border-gray-300/50 dark:border-gray-600/50",
   },
   contacted: {
     label: "Contacted",
-    class: "bg-amber-500/10 text-amber-600 dark:text-amber-400 border-amber-500/20",
+    class: "bg-red-500/10 text-red-600 dark:text-red-400 border-red-500/20",
   },
   pending: {
     label: "Pending",
-    class: "bg-purple-500/10 text-purple-600 dark:text-purple-400 border-purple-500/20",
+    class: "bg-blue-900/10 text-blue-900 dark:text-blue-300 border-blue-900/20",
   },
   closed: {
     label: "Closed",
-    class: "bg-emerald-500/10 text-emerald-600 dark:text-emerald-400 border-emerald-500/20",
+    class: "bg-blue-400/10 text-blue-600 dark:text-blue-300 border-blue-400/20",
   },
   ignored: {
     label: "Ignored",
-    class: "bg-zinc-500/10 text-zinc-600 dark:text-zinc-400 border-zinc-500/20",
+    class: "bg-black/10 text-black dark:text-gray-300 border-black/20 dark:border-black/40",
   },
 }
 
@@ -37,11 +37,11 @@ export function LeadStatusBadge({ status, className }: LeadStatusBadgeProps) {
   return (
     <Badge variant="outline" className={cn(config.class, className)}>
       <span className={cn("mr-1.5 h-1.5 w-1.5 rounded-full", {
-        "bg-blue-500": status === "open",
-        "bg-amber-500": status === "contacted",
-        "bg-purple-500": status === "pending",
-        "bg-emerald-500": status === "closed",
-        "bg-zinc-500": status === "ignored",
+        "bg-white border border-gray-300 dark:border-gray-500": status === "open",
+        "bg-red-500": status === "contacted",
+        "bg-blue-900": status === "pending",
+        "bg-blue-400": status === "closed",
+        "bg-black": status === "ignored",
       })} />
       {config.label}
     </Badge>