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.
This commit is contained in:
yun-zhi-ztl 2026-03-14 17:36:56 +08:00
parent fd790a9610
commit d64c92f4cf

View file

@ -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>