ds

frontend/src/components/dashboard/WorkflowPipeline.tsx

@@ -69,6 +69,11 @@ export default function WorkflowPipeline({
             -ms-overflow-style: none;
             scrollbar-width: none;
           }
+          .workflow-icon-white svg,
+          .workflow-icon-white svg path {
+            fill: white !important;
+            color: white !important;
+          }
         `}</style>
         {steps.map((step, index) => {
           const isLast = index === steps.length - 1;
@@ -104,7 +109,7 @@ export default function WorkflowPipeline({
                       cursor-pointer group
                     `}
                   >
-                    <div className="flex items-center justify-center">
+                    <div className={`flex items-center justify-center ${step.status === "completed" || step.status === "in_progress" ? "workflow-icon-white" : ""}`}>
                       {getStatusIcon(step.status, step.number)}
                     </div>
                     {step.status === "in_progress" && (