From 714088c6abdf1ae2c9d5eb1c8811275cd42cd4f4 Mon Sep 17 00:00:00 2001
From: unbedenklich <106080544+unbedenklich@users.noreply.github.com>
Date: Wed, 28 Jan 2026 14:44:51 +0100
Subject: [PATCH 1/2] fixed timer color

---
 src/lib/cards/TimerCard/TimerCard.svelte | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/lib/cards/TimerCard/TimerCard.svelte b/src/lib/cards/TimerCard/TimerCard.svelte
index 1e0b905..1b9df5c 100644
--- a/src/lib/cards/TimerCard/TimerCard.svelte
+++ b/src/lib/cards/TimerCard/TimerCard.svelte
@@ -103,13 +103,13 @@
 				style="font-variant-numeric: tabular-nums;"
 			>
 				<NumberFlow value={clockHours} format={{ minimumIntegerDigits: 2 }} />
-				<span class="text-base-400 dark:text-base-500 mx-0.5">:</span>
+				<span class="text-base-400 dark:text-base-500 accent:text-base-700 mx-0.5">:</span>
 				<NumberFlow
 					value={clockMinutes}
 					format={{ minimumIntegerDigits: 2 }}
 					digits={{ 1: { max: 5 } }}
 				/>
-				<span class="text-base-400 dark:text-base-500 mx-0.5">:</span>
+				<span class="text-base-400 dark:text-base-500 accent:text-base-700 mx-0.5">:</span>
 				<NumberFlow
 					value={clockSeconds}
 					format={{ minimumIntegerDigits: 2 }}
@@ -158,7 +158,8 @@
 					{#if eventDays > 0}
 						<div class="flex flex-col items-center">
 							<NumberFlow value={eventDays} trend={-1} class="text-4xl font-bold" />
-							<span class="text-base-500 dark:text-base-400 text-xs">days</span>
+							<span class="text-base-500 dark:text-base-400 accent:text-base-700 text-xs">days</span
+							>
 						</div>
 					{/if}
 					<div class="flex flex-col items-center">
@@ -168,7 +169,7 @@
 							format={{ minimumIntegerDigits: 2 }}
 							class="text-4xl font-bold"
 						/>
-						<span class="text-base-500 dark:text-base-400 text-xs">hrs</span>
+						<span class="text-base-500 dark:text-base-400 accent:text-base-700 text-xs">hrs</span>
 					</div>
 					<div class="flex flex-col items-center">
 						<NumberFlow
@@ -178,7 +179,7 @@
 							digits={{ 1: { max: 5 } }}
 							class="text-4xl font-bold"
 						/>
-						<span class="text-base-500 dark:text-base-400 text-xs">min</span>
+						<span class="text-base-500 dark:text-base-400 accent:text-base-700 text-xs">min</span>
 					</div>
 					<div class="flex flex-col items-center">
 						<NumberFlow
@@ -188,7 +189,7 @@
 							digits={{ 1: { max: 5 } }}
 							class="text-4xl font-bold"
 						/>
-						<span class="text-base-500 dark:text-base-400 text-xs">sec</span>
+						<span class="text-base-500 dark:text-base-400 accent:text-base-700 text-xs">sec</span>
 					</div>
 				</div>
 			</NumberFlowGroup>
-- 
2.51.2


From 18c97af14a36ca98988a5762bac31a695855b3bf Mon Sep 17 00:00:00 2001
From: unbedenklich <106080544+unbedenklich@users.noreply.github.com>
Date: Wed, 28 Jan 2026 14:51:12 +0100
Subject: [PATCH 2/2] fix colon color

---
 src/lib/cards/TimerCard/TimerCard.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/lib/cards/TimerCard/TimerCard.svelte b/src/lib/cards/TimerCard/TimerCard.svelte
index 1b9df5c..3384d83 100644
--- a/src/lib/cards/TimerCard/TimerCard.svelte
+++ b/src/lib/cards/TimerCard/TimerCard.svelte
@@ -103,13 +103,13 @@
 				style="font-variant-numeric: tabular-nums;"
 			>
 				<NumberFlow value={clockHours} format={{ minimumIntegerDigits: 2 }} />
-				<span class="text-base-400 dark:text-base-500 accent:text-base-700 mx-0.5">:</span>
+				<span class="text-base-400 dark:text-base-500 accent:text-accent-950 mx-0.5">:</span>
 				<NumberFlow
 					value={clockMinutes}
 					format={{ minimumIntegerDigits: 2 }}
 					digits={{ 1: { max: 5 } }}
 				/>
-				<span class="text-base-400 dark:text-base-500 accent:text-base-700 mx-0.5">:</span>
+				<span class="text-base-400 dark:text-base-500 accent:text-accent-950 mx-0.5">:</span>
 				<NumberFlow
 					value={clockSeconds}
 					format={{ minimumIntegerDigits: 2 }}
-- 
2.51.2