diff --git a/src/components/layout/Navbar.vue b/src/components/layout/Navbar.vue
index b86b4c9..835dc2c 100644
--- a/src/components/layout/Navbar.vue
+++ b/src/components/layout/Navbar.vue
@@ -38,7 +38,7 @@ const toggleLocale = () => {
       <!-- Logo and Desktop Navigation -->
       <div class="flex items-center gap-6">
         <router-link to="/" class="flex ml-4 items-center gap-2">
-          <Zap class="h-6 w-6 text-orange-600 dark:text-orange-400" />
+          <Zap class="h-6 w-6" :class="theme === 'dark' ? 'text-orange-400' : 'text-fuchsia-600'" />
           <span class=" font-semibold">{{ t('nav.title') }}</span>
         </router-link>