sarman/tftsr-devops_investigation
1
1
Fork 0
Code Issues 4 Pull Requests Actions 34 Packages Projects 3 Releases 6 Wiki Activity

fix(ui): replace hardcoded colors with semantic Tailwind vars for dark mode

Browse Source 
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.
This commit is contained in:
Shaun Arman 2026-06-08 21:52:01 -05:00
parent ef1b3c3f23
commit c871318009
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Kubernetes/PortForwardList.tsx
View File

@ -32,7 +32,7 @@ export function PortForwardList({ portForwards, onStart, onStop, onDelete }: Por
case "active": case "active":
return "bg-green-500/15 text-green-600 dark:text-green-400 border-green-500/20"; return "bg-green-500/15 text-green-600 dark:text-green-400 border-green-500/20";
case "stopped": 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": case "error":
return "bg-red-500/15 text-red-600 dark:text-red-400 border-red-500/20"; return "bg-red-500/15 text-red-600 dark:text-red-400 border-red-500/20";
default: default:
@ -95,7 +95,7 @@ export function PortForwardList({ portForwards, onStart, onStop, onDelete }: Por
</p> </p>
<div className="flex items-center gap-2 text-sm text-muted-foreground"> <div className="flex items-center gap-2 text-sm text-muted-foreground">
<span>Container Ports: {pf.container_ports.join(", ")}</span> <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> <span>Local Ports: {pf.local_ports.some(p => p > 0) ? pf.local_ports.join(", ") : "pending"}</span>
</div> </div>
</div> </div>

2
src/components/Kubernetes/WorkloadOverview.tsx
View File

@ -135,7 +135,7 @@ export function WorkloadOverview({ resources }: WorkloadOverviewProps) {
</div> </div>
{pods.length - runningPods - pendingPods - failedPods > 0 && ( {pods.length - runningPods - pendingPods - failedPods > 0 && (
<div className="flex items-center gap-2"> <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> <span>Other: {pods.length - runningPods - pendingPods - failedPods}</span>
</div> </div>
)} )}