diff --git a/components/Navbar/DesktopNav.tsx b/components/Navbar/DesktopNav.tsx index 35e2967..15c43a7 100644 --- a/components/Navbar/DesktopNav.tsx +++ b/components/Navbar/DesktopNav.tsx @@ -19,6 +19,8 @@ const Nav = ({openNav}: Props) => { const {theme, toggleTheme} = useContext(ThemeContext); const colors = themeColors[theme]; + const navColorClass = theme === "dark" || !navBg ? "text-white" : "text-black"; + useEffect(() => { const handler = () => { if (window.scrollY >= 90) { @@ -44,15 +46,13 @@ const Nav = ({openNav}: Props) => { navBg ? "shadow-md" : "" }`} style={{ - backgroundColor: navBg ? "var(--nav-bg)" : "transparent", // <-- changed - color: "var(--primary-text)", + backgroundColor: navBg ? "var(--nav-bg)" : "transparent", }} >
+ className={`nav_link ${contentSize} ${navColorClass} transition-all duration-300 ease-in-out uppercase font-semibold`} + > {link.label}
- ))}