From c871318009a3cb1cc15877e117b733d90de5428a Mon Sep 17 00:00:00 2001
From: Shaun Arman <shaun.arman@motorolasolutions.com>
Date: Mon, 8 Jun 2026 21:52:01 -0500
Subject: [PATCH] fix(ui): replace hardcoded colors with semantic Tailwind vars
 for dark mode
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Non-adaptive text-gray-* and bg-white classes replaced with text-foreground,
text-muted-foreground, bg-card, bg-background — ensuring readable contrast
in both light and dark themes.
---
 src/components/Kubernetes/PortForwardList.tsx  | 4 ++--
 src/components/Kubernetes/WorkloadOverview.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Kubernetes/PortForwardList.tsx b/src/components/Kubernetes/PortForwardList.tsx
index db5eacfb..dd66e62c 100644
--- a/src/components/Kubernetes/PortForwardList.tsx
+++ b/src/components/Kubernetes/PortForwardList.tsx
@@ -32,7 +32,7 @@ export function PortForwardList({ portForwards, onStart, onStop, onDelete }: Por
       case "active":
         return "bg-green-500/15 text-green-600 dark:text-green-400 border-green-500/20";
       case "stopped":
-        return "bg-gray-500/15 text-gray-600 dark:text-gray-400 border-gray-500/20";
+        return "bg-muted text-muted-foreground border-border";
       case "error":
         return "bg-red-500/15 text-red-600 dark:text-red-400 border-red-500/20";
       default:
@@ -95,7 +95,7 @@ export function PortForwardList({ portForwards, onStart, onStop, onDelete }: Por
                   </p>
                   <div className="flex items-center gap-2 text-sm text-muted-foreground">
                     <span>Container Ports: {pf.container_ports.join(", ")}</span>
-                    <span className="text-gray-300 dark:text-gray-600">|</span>
+                    <span className="text-muted-foreground/50">|</span>
                     <span>Local Ports: {pf.local_ports.some(p => p > 0) ? pf.local_ports.join(", ") : "pending"}</span>
                   </div>
                 </div>
diff --git a/src/components/Kubernetes/WorkloadOverview.tsx b/src/components/Kubernetes/WorkloadOverview.tsx
index 269fac79..3d781381 100644
--- a/src/components/Kubernetes/WorkloadOverview.tsx
+++ b/src/components/Kubernetes/WorkloadOverview.tsx
@@ -135,7 +135,7 @@ export function WorkloadOverview({ resources }: WorkloadOverviewProps) {
               </div>
               {pods.length - runningPods - pendingPods - failedPods > 0 && (
                 <div className="flex items-center gap-2">
-                  <span className="inline-block w-3 h-3 rounded-full bg-gray-400" />
+                  <span className="inline-block w-3 h-3 rounded-full bg-muted-foreground" />
                   <span>Other: {pods.length - runningPods - pendingPods - failedPods}</span>
                 </div>
               )}