diff --git a/frontend/src/components/AppLogo.vue b/frontend/src/components/AppLogo.vue
index e43c8c4..0bef925 100644
--- a/frontend/src/components/AppLogo.vue
+++ b/frontend/src/components/AppLogo.vue
@@ -37,8 +37,8 @@ defineProps<{ size?: number }>();
 
 <style scoped>
 .logo-book {
-  fill: var(--color-text);
-  stroke: var(--color-text-secondary);
+  fill: var(--color-primary);
+  stroke: color-mix(in srgb, var(--color-primary) 70%, transparent);
 }
 .logo-spine {
   stroke: var(--color-text-secondary);