diff --git a/materialious/src/lib/components/Logo.svelte b/materialious/src/lib/components/Logo.svelte
index f57dae69..87b019f2 100644
--- a/materialious/src/lib/components/Logo.svelte
+++ b/materialious/src/lib/components/Logo.svelte
@@ -14,7 +14,7 @@
 	let fillColor = $state('');
 
 	async function setFill() {
-		fillColor = (await getDynamicTheme())['--primary'];
+		fillColor = (await getDynamicTheme())['--primary'] ?? '#fff';
 	}
 
 	onMount(async () => {