From 3332924b8ee52b1703b8e6ae0569e2ca77d0273e Mon Sep 17 00:00:00 2001
From: gbanyan <gbanyan.huang@gmail.com>
Date: Mon, 17 Nov 2025 23:22:57 +0800
Subject: [PATCH] Use lighter accent color for navbar hover state

---
 components/site-header.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/site-header.tsx b/components/site-header.tsx
index 24dfb77..6530e1f 100644
--- a/components/site-header.tsx
+++ b/components/site-header.tsx
@@ -13,14 +13,14 @@ export function SiteHeader() {
       <div className="container mx-auto flex items-center justify-between px-4 py-3 text-slate-900 dark:text-slate-100">
         <Link
           href="/"
-          className="font-semibold transition hover:text-accent focus-visible:outline-none focus-visible:text-accent"
+          className="font-semibold transition hover:text-accent-textDark focus-visible:outline-none focus-visible:text-accent-textDark"
         >
           {siteConfig.title}
         </Link>
         <nav className="flex items-center gap-4 text-sm">
           <Link
             href="/blog"
-            className="transition hover:text-accent focus-visible:outline-none focus-visible:text-accent"
+            className="transition hover:text-accent-textDark focus-visible:outline-none focus-visible:text-accent-textDark"
           >
             Blog
           </Link>
@@ -28,7 +28,7 @@ export function SiteHeader() {
             <Link
               key={page._id}
               href={page.url}
-              className="transition hover:text-accent focus-visible:outline-none focus-visible:text-accent"
+              className="transition hover:text-accent-textDark focus-visible:outline-none focus-visible:text-accent-textDark"
             >
               {page.title}
             </Link>