From 20fbcc781cf277c307bd5ac008014f13ea26c00c Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@windmill.dev>
Date: Sat, 27 Sep 2025 22:17:49 +0000
Subject: [PATCH] nit UI

---
 .../components/common/toggleButton-v2/ToggleButton.svelte   | 2 --
 frontend/src/lib/components/runs/RunsFilter.svelte          | 6 +++---
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/frontend/src/lib/components/common/toggleButton-v2/ToggleButton.svelte b/frontend/src/lib/components/common/toggleButton-v2/ToggleButton.svelte
index 401101d9fd..43046678d6 100644
--- a/frontend/src/lib/components/common/toggleButton-v2/ToggleButton.svelte
+++ b/frontend/src/lib/components/common/toggleButton-v2/ToggleButton.svelte
@@ -57,7 +57,6 @@
 				? 'hover:text-secondary data-[state=on]:text-secondary text-tertiary'
 				: 'hover:text-primary data-[state=on]:text-primary text-secondary',
 			'data-[state=on]:bg-surface data-[state=off]:border-transparent data-[state=on]:border-gray-300 dark:data-[state=on]:border-gray-500',
-			'text-hint',
 			'bg-surface-secondary hover:bg-surface-hover',
 			disabled ? '!shadow-none' : '',
 			className
@@ -71,7 +70,6 @@
 				size={small ? 12 : 14}
 				{...iconProps}
 				class={twMerge(
-					'text-gray-400',
 					selectedColor
 						? 'group-data-[state=on]:text-[var(--selected-color)]'
 						: 'group-data-[state=on]:text-nord-950 dark:group-data-[state=on]:text-nord-900',
diff --git a/frontend/src/lib/components/runs/RunsFilter.svelte b/frontend/src/lib/components/runs/RunsFilter.svelte
index c4b90d2d7e..16e900c07d 100644
--- a/frontend/src/lib/components/runs/RunsFilter.svelte
+++ b/frontend/src/lib/components/runs/RunsFilter.svelte
@@ -587,7 +587,7 @@
 					tooltip="Running"
 					class="whitespace-nowrap"
 					icon={CirclePlay}
-					iconProps={{ color: success === 'running' ? 'blue' : 'gray' }}
+					iconProps={{ color: success === 'running' ? 'blue' : undefined }}
 					{item}
 				/>
 				<ToggleButton
@@ -595,7 +595,7 @@
 					tooltip="Success"
 					class="whitespace-nowrap"
 					icon={CircleCheck}
-					iconProps={{ color: success === 'success' ? 'green' : 'gray' }}
+					iconProps={{ color: success === 'success' ? 'green' : undefined }}
 					{item}
 				/>
 				<ToggleButton
@@ -603,7 +603,7 @@
 					tooltip="Failure"
 					class="whitespace-nowrap"
 					icon={CircleAlert}
-					iconProps={{ color: success === 'failure' ? 'red' : 'gray' }}
+					iconProps={{ color: success === 'failure' ? 'red' : undefined }}
 					{item}
 				/>
 				{#if success == 'waiting'}