From b9b891c61fb8cdc5bcae0a92521815f1c1ccd360 Mon Sep 17 00:00:00 2001
From: Alexis <alexis.pele@pm.me>
Date: Tue, 12 Aug 2025 10:43:49 +0200
Subject: [PATCH] Fixed nav colors in dark mode

---
 app/components/global/Navbar.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/components/global/Navbar.vue b/app/components/global/Navbar.vue
index 16bc573..d43d072 100644
--- a/app/components/global/Navbar.vue
+++ b/app/components/global/Navbar.vue
@@ -7,17 +7,17 @@
         <nav class="md:flex-1">
           <menu class="text-sm flex items-center justify-center gap-4">
             <li>
-              <NuxtLink to="/" class="block p-1 font-medium text-foreground/70 hover:text-foreground transition-colors" active-class="text-primary">
+              <NuxtLink to="/" class="block p-1 font-medium text-foreground/80 dark:text-foreground/70 underline-offset-4 focus-visible:underline hover:underline dark:hover:text-foreground hover:text-foreground transition-colors" active-class="text-primary dark:text-primary">
                 {{ $t('breadcrumbs.home') }}
               </NuxtLink>
             </li>
             <li>
-              <NuxtLink to="/explore" class="block p-1 font-medium text-foreground/70 hover:text-foreground transition-colors" active-class="text-primary">
+              <NuxtLink to="/explore" class="block p-1 font-medium text-foreground/80 dark:text-foreground/70 underline-offset-4 focus-visible:underline hover:underline dark:hover:text-foreground hover:text-foreground transition-colors" active-class="text-primary dark:text-primary">
                 {{ $t('pages.explore.menuLabel') }}
               </NuxtLink>
             </li>
             <li>
-              <NuxtLink to="/about" class="block p-1 font-medium text-foreground/70 hover:text-foreground transition-colors" active-class="text-primary">
+              <NuxtLink to="/about" class="block p-1 font-medium text-foreground/80 dark:text-foreground/70 underline-offset-4 focus-visible:underline hover:underline dark:hover:text-foreground hover:text-foreground transition-colors" active-class="text-primary dark:text-primary">
                 {{ $t('pages.about.menuLabel') }}
               </NuxtLink>
             </li>