Brighten mobile nav text

Adjusted MobileBottomNav text colors for better readability on dark background:
- Inactive text now white with 70% opacity
- Active text remains brand-yellow for contrast

X-Lovable-Edit-ID: edt-67f0c787-7888-4c7a-922f-13caffdd6ce3
This commit is contained in:
gpt-engineer-app[bot] 2026-01-29 22:05:52 +00:00
commit fb75a0a512

View file

@ -32,7 +32,7 @@ export function MobileBottomNav() {
}}
className={cn(
"flex flex-col items-center justify-center gap-1 px-4 py-2 relative transition-colors",
"text-zinc-400 hover:text-white"
"text-white/70 hover:text-white"
)}
>
<div className="relative">
@ -56,7 +56,7 @@ export function MobileBottomNav() {
"flex flex-col items-center justify-center gap-1 px-4 py-2 relative transition-colors",
isActive
? "text-brand-yellow"
: "text-zinc-400 hover:text-white"
: "text-white/70 hover:text-white"
)}
>
<item.icon className="h-5 w-5" />