diff --git a/app/globals.css b/app/globals.css index c9ceb44..526371d 100644 --- a/app/globals.css +++ b/app/globals.css @@ -1,5 +1,5 @@ @import "tailwindcss"; -@custom-variant dark (&:is(.dark *)); +@custom-variant dark (&:where(.dark, .dark *)); @layer base { :root { diff --git a/app/layout.tsx b/app/layout.tsx index fb52ddd..4ecf05a 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -107,12 +107,12 @@ export default function RootLayout({ children: React.ReactNode; }) { return ( - + + {/* Light Mode Premium Dot Matrix Background */} +
+ + {/* Light Mode Bottom Radial Glow */} +
+ {/* Premium ambient light effect at the top */}
diff --git a/components/navbar.tsx b/components/navbar.tsx index 6a3ff2f..2301c26 100644 --- a/components/navbar.tsx +++ b/components/navbar.tsx @@ -30,8 +30,9 @@ const navLinks = [ export default function Navbar() { const [isOpen, setIsOpen] = useState(false); const [scrolled, setScrolled] = useState(false); - const { theme, setTheme } = useTheme(); + const { theme, resolvedTheme, setTheme } = useTheme(); const [mounted, setMounted] = useState(false); + const currentTheme = mounted ? resolvedTheme : theme; const router = useRouter(); const pathname = usePathname(); const [activeSection, setActiveSection] = useState("/#Home"); @@ -119,7 +120,7 @@ export default function Navbar() { return (
-
+
Hyper Learning Official Logo
- + Hyper Learning -

+

AI-Powered Learning Platform

@@ -169,14 +170,14 @@ export default function Navbar() { onClick={(e) => handleNavClick(e, link.href)} className={`group relative px-4 py-2 text-[14.5px] tracking-[0.01em] transition-colors duration-200 rounded-full focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500/50 ${ isActive - ? "text-foreground font-semibold dark:text-white" - : "text-muted-foreground font-medium hover:text-foreground dark:text-slate-300 dark:hover:text-white" + ? "text-white font-semibold" + : "text-slate-300 font-medium hover:text-white" }`} > {isActive && ( {mounted && ( @@ -232,7 +235,7 @@ export default function Navbar() { Sign In @@ -251,7 +254,7 @@ export default function Navbar() { aria-expanded={isOpen} aria-controls="mobile-menu" aria-label={isOpen ? "Close menu" : "Open menu"} - className="rounded-xl p-2 text-foreground dark:text-white transition-colors hover:bg-black/5 dark:hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1D4ED8]/50 dark:focus-visible:ring-white/50 md:hidden" + className="rounded-xl p-2 text-white transition-colors hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1D4ED8]/50 dark:focus-visible:ring-white/50 md:hidden" > {isOpen ? : } @@ -300,7 +303,9 @@ export default function Navbar() {