Fix badge and time color contrast in dark mode

Source badges used light-only tints (bg-red-100, bg-blue-100, etc.) —
white text from the outline Badge variant on those light backgrounds is
~1.5:1. Added explicit dark: variants (950 bg, 900 border, 200 text) for
each source so both modes get readable colored-badge text (~7:1+).

Also fixed P1 badge (hardcoded text-amber-800 with no dark variant) and
scheduled-time text (text-blue-600 → dark:text-blue-400 for ~3:1 → ~5:1
on dark card backgrounds).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: teallarson

templates/_shared/nextjs-ui/components/dashboard/task-card.tsx

@@ -19,32 +19,38 @@ const sourceConfig: Record<ItemSource, { icon: IconComponent; label: string; cla
     slack: {
       icon: Slack,
       label: "Slack",
-      className: "bg-purple-100 border-purple-200",
+      className:
+        "bg-purple-100 border-purple-200 text-purple-900 dark:bg-purple-950 dark:border-purple-900 dark:text-purple-200",
     },
     google_calendar: {
       icon: GoogleCalendar,
       label: "Calendar",
-      className: "bg-blue-100 border-blue-200",
+      className:
+        "bg-blue-100 border-blue-200 text-blue-900 dark:bg-blue-950 dark:border-blue-900 dark:text-blue-200",
     },
     linear: {
       icon: Linear,
       label: "Linear",
-      className: "bg-indigo-100 border-indigo-200",
+      className:
+        "bg-indigo-100 border-indigo-200 text-indigo-900 dark:bg-indigo-950 dark:border-indigo-900 dark:text-indigo-200",
     },
     github: {
       icon: Github,
       label: "GitHub",
-      className: "bg-gray-100 border-gray-300",
+      className:
+        "bg-gray-100 border-gray-300 text-gray-900 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-200",
     },
     gmail: {
       icon: Gmail,
       label: "Gmail",
-      className: "bg-red-100 border-red-200",
+      className:
+        "bg-red-100 border-red-200 text-red-900 dark:bg-red-950 dark:border-red-900 dark:text-red-200",
     },
     other: {
       icon: Globe,
       label: "Other",
-      className: "bg-gray-100 text-gray-600 border-gray-200",
+      className:
+        "bg-gray-100 border-gray-200 text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-300",
     },
   };
 
@@ -56,7 +62,8 @@ const priorityConfig: Record<
   P1: {
     label: "P1",
     variant: "secondary",
-    className: "bg-amber-100 text-amber-800 hover:bg-amber-100",
+    className:
+      "bg-amber-100 text-amber-800 hover:bg-amber-100 dark:bg-amber-950 dark:text-amber-200 dark:hover:bg-amber-950",
   },
   P2: { label: "P2", variant: "secondary" },
   FYI: { label: "FYI", variant: "outline" },
@@ -99,7 +106,7 @@ export function TaskCard({ item }: TaskCardProps) {
           </Badge>
           <Badge variant="outline">{categoryLabels[item.category] || item.category}</Badge>
           {formattedTime && (
-            <span className="text-xs font-medium text-blue-600">{formattedTime}</span>
+            <span className="text-xs font-medium text-blue-600 dark:text-blue-400">{formattedTime}</span>
           )}
           <span className="ml-auto text-xs text-muted-foreground">{item.effort}</span>
         </div>