From fb6ff0ba70886f5be2160f9e3094f08b1a34ff8a Mon Sep 17 00:00:00 2001
From: eti <eti@eti.tf>
Date: Tue, 1 Sep 2026 10:47:34 +0200
Subject: [PATCH] web/pipelines: replace the StepStatusIcon chip with a bare
 mark

Signed-off-by: eti <eti@eti.tf>
---
 .../repo/pipelines/StepStatusIcon.svelte         | 16 +++++++---------
 .../repo/pipelines/WorkflowLogs.svelte           |  6 +++---
 2 files changed, 10 insertions(+), 12 deletions(-)

diff --git a/web/src/lib/components/repo/pipelines/StepStatusIcon.svelte b/web/src/lib/components/repo/pipelines/StepStatusIcon.svelte
index e581386e1..be3b34320 100644
--- a/web/src/lib/components/repo/pipelines/StepStatusIcon.svelte
+++ b/web/src/lib/components/repo/pipelines/StepStatusIcon.svelte
@@ -4,7 +4,7 @@
 	export const stepStatusIcon = tv({
 		slots: {
 			root: "grid size-4 shrink-0 place-items-center",
-			chip: "grid size-4 place-items-center rounded-[5px]",
+			mark: "grid place-items-center",
 			dot: "size-1.25 rounded-xs bg-background-strong",
 			spinner: "size-3 text-foreground-muted"
 		},
@@ -12,10 +12,8 @@
 			status: {
 				pending: {},
 				active: {},
-				done: { chip: "bg-background-success-subtle text-foreground-success" },
-				error: {
-					chip: "bg-background-danger-subtle text-foreground-danger dark:text-foreground-danger-subtle"
-				}
+				done: { mark: "text-foreground-success" },
+				error: { mark: "text-foreground-danger" }
 			}
 		}
 	});
@@ -60,21 +58,21 @@
 <span class={slots.root({ class: className })}>
 	{#if status === "done"}
 		<span
-			class={slots.chip()}
+			class={slots.mark()}
 			class:pop={popping}
 			style:--pop-duration="{POP_DURATION}ms"
 			style:--pop-easing={POP_EASING}
 		>
-			<Check class="size-2.75" aria-hidden="true" />
+			<Check class="size-3.5" aria-hidden="true" />
 		</span>
 	{:else if status === "error"}
 		<span
-			class={slots.chip()}
+			class={slots.mark()}
 			class:pop={popping}
 			style:--pop-duration="{POP_DURATION}ms"
 			style:--pop-easing={POP_EASING}
 		>
-			<X class="size-2.5" aria-hidden="true" />
+			<X class="size-3.25" aria-hidden="true" />
 		</span>
 	{:else if status === "active"}
 		<Spinner class={slots.spinner()} />
diff --git a/web/src/lib/components/repo/pipelines/WorkflowLogs.svelte b/web/src/lib/components/repo/pipelines/WorkflowLogs.svelte
index 53ad1ace5..2ad83b62d 100644
--- a/web/src/lib/components/repo/pipelines/WorkflowLogs.svelte
+++ b/web/src/lib/components/repo/pipelines/WorkflowLogs.svelte
@@ -10,7 +10,7 @@
 			header: "sticky top-0 z-10 flex w-full cursor-pointer items-center gap-2 rounded-t border-x border-t border-border-default bg-background-default px-3 text-left font-sans typography-paragraph-regular",
 			chevron: "size-4 shrink-0 text-foreground-muted",
 			name: "truncate text-foreground-default",
-			elapsed: "ml-auto shrink-0 text-foreground-muted tabular-nums",
+			elapsed: "ml-auto shrink-0 text-foreground-subtle tabular-nums",
 			body: "w-full min-w-0 border-x border-border-default bg-background-default px-3",
 			command: "break-all whitespace-pre-wrap text-foreground-info",
 			line: "break-all whitespace-pre-wrap text-foreground-default",
@@ -27,9 +27,9 @@
 			// would too: background-danger-subtle is far too loud over the card
 			stepStatus: {
 				pending: { name: "text-foreground-muted" },
-				active: { name: "font-semibold" },
+				active: { name: "font-medium" },
 				done: { name: "text-foreground-default" },
-				error: { name: "font-semibold text-foreground-danger" }
+				error: { name: "font-medium text-foreground-danger" }
 			}
 		}
 	});
-- 
2.51.2