From cb1f08d556b3c33b4e8a5ffb670697e735bcca0c Mon Sep 17 00:00:00 2001
From: Will Miao <13051207myq@gmail.com>
Date: Sun, 5 Oct 2025 21:10:01 +0800
Subject: [PATCH] Fix low contrast on nav-item hover

---
 static/css/components/header.css | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/static/css/components/header.css b/static/css/components/header.css
index d439663b..a06cb90f 100644
--- a/static/css/components/header.css
+++ b/static/css/components/header.css
@@ -76,8 +76,17 @@
   font-size: 0.9rem;
 }
 
-.nav-item:hover {
+.nav-item:hover,
+.nav-item:focus-visible {
   background-color: var(--lora-surface-hover, oklch(95% 0.02 256));
+  color: var(--lora-accent);
+}
+
+.nav-item:hover i,
+.nav-item:hover span,
+.nav-item:focus-visible i,
+.nav-item:focus-visible span {
+  color: inherit;
 }
 
 .nav-item.active {