From d64c92f4cf05049a4e6f91f302212b83a314fa8e Mon Sep 17 00:00:00 2001
From: yun-zhi-ztl <yunzhi@yunzhideMac-mini.local>
Date: Sat, 14 Mar 2026 17:36:56 +0800
Subject: [PATCH] fix(web): use light text colors for landing page header nav

Override LanguageSwitcher, UserMenu, and login link text colors
to slate-200/300 so they are visible on the dark landing background.
---
 web/src/pages/landing.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/pages/landing.tsx b/web/src/pages/landing.tsx
index 634c32b8..c3550931 100644
--- a/web/src/pages/landing.tsx
+++ b/web/src/pages/landing.tsx
@@ -155,7 +155,7 @@ export function LandingPage() {
           <Link to="/" className="text-lg font-bold text-transparent bg-clip-text bg-gradient-to-r from-cyan-300 to-blue-400">
             SkillHub
           </Link>
-          <nav className="flex items-center gap-4">
+          <nav className="flex items-center gap-4 [&_button]:text-slate-200 [&_button:hover]:text-cyan-300 [&_svg]:text-slate-300">
             <LanguageSwitcher />
             {isLoading ? null : user ? (
               <UserMenu user={user} />
@@ -163,7 +163,7 @@ export function LandingPage() {
               <Link
                 to="/login"
                 search={{ returnTo: '' }}
-                className="text-sm text-slate-300 hover:text-cyan-400 transition-colors"
+                className="text-sm text-slate-200 hover:text-cyan-400 transition-colors"
               >
                 {t('nav.login')}
               </Link>