fix colors in dashboard (#206)

apps/web/src/app/(dashboard)/domains/[domainId]/page.tsx

@@ -42,7 +42,7 @@ export default function DomainItemPage({
     {
       refetchInterval: (q) => (q?.state.data?.isVerifying ? 10000 : false),
       refetchIntervalInBackground: true,
-    },
+    }
   );
 
   const verifyQuery = api.domain.startVerification.useMutation();
@@ -54,7 +54,7 @@ export default function DomainItemPage({
         onSettled: () => {
           domainQuery.refetch();
         },
-      },
+      }
     );
   };
 
@@ -232,7 +232,7 @@ const DomainSettings: React.FC<{ domain: Domain }> = ({ domain }) => {
   const utils = api.useUtils();
 
   const [clickTracking, setClickTracking] = React.useState(
-    domain.clickTracking,
+    domain.clickTracking
   );
   const [openTracking, setOpenTracking] = React.useState(domain.openTracking);
 
@@ -245,7 +245,7 @@ const DomainSettings: React.FC<{ domain: Domain }> = ({ domain }) => {
           utils.domain.invalidate();
           toast.success("Click tracking updated");
         },
-      },
+      }
     );
   }
 
@@ -258,7 +258,7 @@ const DomainSettings: React.FC<{ domain: Domain }> = ({ domain }) => {
           utils.domain.invalidate();
           toast.success("Open tracking updated");
         },
-      },
+      }
     );
   }
   return (
@@ -303,24 +303,20 @@ const DomainSettings: React.FC<{ domain: Domain }> = ({ domain }) => {
 };
 
 const DnsVerificationStatus: React.FC<{ status: string }> = ({ status }) => {
-  let badgeColor = "bg-gray-400/10 text-gray-500 border-gray-400/10"; // Default color
+  let badgeColor = "bg-gray/10 text-gray border-gray/10"; // Default color
   switch (status) {
     case DomainStatus.SUCCESS:
-      badgeColor =
-        "bg-green-500/15 dark:bg-green-600/10 text-green-700 dark:text-green-600/90 border  border-green-500/25 dark:border-green-700/25";
+      badgeColor = "bg-green/15 text-green border border-green/25";
       break;
     case DomainStatus.FAILED:
-      badgeColor =
-        "bg-red-500/10 text-red-600 dark:text-red-700/90 border border-red-600/10";
+      badgeColor = "bg-red/10 text-red border border-red/10";
       break;
     case DomainStatus.TEMPORARY_FAILURE:
     case DomainStatus.PENDING:
-      badgeColor =
-        "bg-yellow-500/20 dark:bg-yellow-500/10 text-yellow-600 border border-yellow-600/10";
+      badgeColor = "bg-yellow/20 text-yellow border border-yellow/10";
       break;
     default:
-      badgeColor =
-        "bg-gray-200/70 dark:bg-gray-400/10 text-gray-600 dark:text-gray-400 border border-gray-300 dark:border-gray-400/20";
+      badgeColor = "bg-gray/10 text-gray border border-gray/20";
   }
 
   return (