diff --git a/frontend/src/lib/shared/dashboard/ReaderHeaderBar.svelte b/frontend/src/lib/shared/dashboard/ReaderHeaderBar.svelte
index 0b7f13ad..b585669d 100644
--- a/frontend/src/lib/shared/dashboard/ReaderHeaderBar.svelte
+++ b/frontend/src/lib/shared/dashboard/ReaderHeaderBar.svelte
@@ -24,10 +24,12 @@ const timeLabel = $derived.by(() => {
 >
 	<!-- Greeting -->
 	<div class="min-w-0 flex-1">
-		<span class="block text-[11px] font-bold tracking-[.8px] text-brand-navy uppercase">
+		<span
+			class="block text-[11px] font-bold tracking-[.8px] text-brand-navy uppercase dark:text-brand-mint"
+		>
 			{timeLabel}
 		</span>
-		<span class="block font-serif text-xl text-brand-navy">
+		<span class="block font-serif text-xl text-brand-navy dark:text-brand-mint">
 			{m.dashboard_welcome({ name })}
 		</span>
 	</div>
@@ -43,7 +45,9 @@ const timeLabel = $derived.by(() => {
 			href="/documents"
 			class="flex min-h-[44px] flex-col items-center justify-center border-r border-line-soft px-5 focus-visible:ring-2 focus-visible:ring-brand-navy focus-visible:outline-none"
 		>
-			<span class="block text-2xl leading-none font-black text-brand-navy">{documents ?? '—'}</span>
+			<span class="block text-2xl leading-none font-black text-brand-navy dark:text-brand-mint"
+				>{documents ?? '—'}</span
+			>
 			<span
 				class="mt-0.5 hidden text-[11px] font-bold tracking-[.8px] text-ink-3 uppercase sm:block"
 				>{m.dashboard_reader_stats_documents()}</span
@@ -58,7 +62,9 @@ const timeLabel = $derived.by(() => {
 			href="/persons"
 			class="flex min-h-[44px] flex-col items-center justify-center border-r border-line-soft px-5 focus-visible:ring-2 focus-visible:ring-brand-navy focus-visible:outline-none"
 		>
-			<span class="block text-2xl leading-none font-black text-brand-navy">{persons ?? '—'}</span>
+			<span class="block text-2xl leading-none font-black text-brand-navy dark:text-brand-mint"
+				>{persons ?? '—'}</span
+			>
 			<span
 				class="mt-0.5 hidden text-[11px] font-bold tracking-[.8px] text-ink-3 uppercase sm:block"
 				>{m.dashboard_reader_stats_persons()}</span
@@ -73,7 +79,9 @@ const timeLabel = $derived.by(() => {
 			href="/geschichten"
 			class="flex min-h-[44px] flex-col items-center justify-center px-5 focus-visible:ring-2 focus-visible:ring-brand-navy focus-visible:outline-none"
 		>
-			<span class="block text-2xl leading-none font-black text-brand-navy">{stories ?? '—'}</span>
+			<span class="block text-2xl leading-none font-black text-brand-navy dark:text-brand-mint"
+				>{stories ?? '—'}</span
+			>
 			<span
 				class="mt-0.5 hidden text-[11px] font-bold tracking-[.8px] text-ink-3 uppercase sm:block"
 				>{m.dashboard_reader_stats_stories()}</span