Skip to content

Cl theme #77

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
nitinmohan18 merged 2 commits into from
Jul 9, 2026
+17 −29
Merged

Cl theme #77

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
d18e45e
fixed the header scrooling glitch and improved light mode colour bac…
nitinmohan18 Jul 9, 2026
9f30bfa
format
nitinmohan18 Jul 9, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
25 changes: 7 additions & 18 deletions app/dashboard/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,23 +9,12 @@ export default function DashboardPage() {
<div className="relative min-h-[90vh] w-full bg-background dark:bg-transparent pt-16 pb-12 animate-in fade-in duration-700 z-0">
{/* Background Layers */}
<div className="absolute inset-0 -z-10 overflow-hidden">
{/* Light Mode Wavy Refraction Background (Properly visible at the top) */}
<div
className="absolute inset-0 dark:hidden"
style={{
backgroundImage: `
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 800' preserveAspectRatio='none'%3E%3Cpath fill='%234a6cf7' fill-opacity='0.10' d='M0,400 C320,500 420,300 720,400 C1020,500 1120,300 1440,400 L1440,0 L0,0 Z'/%3E%3Cpath fill='%236e8efb' fill-opacity='0.14' d='M0,500 C320,400 420,600 720,500 C1020,400 1120,600 1440,500 L1440,0 L0,0 Z'/%3E%3Cpath fill='%234a6cf7' fill-opacity='0.08' d='M0,600 C320,700 420,500 720,600 C1020,700 1120,500 1440,600 L1440,0 L0,0 Z'/%3E%3C/svg%3E"),
linear-gradient(to top, #f0f4ff, #ffffff)
`,
backgroundSize: "cover, auto",
backgroundPosition: "center, top",
backgroundRepeat: "no-repeat, no-repeat",
WebkitMaskImage:
"linear-gradient(to bottom, black 0%, black 50%, transparent 100%)",
maskImage:
"linear-gradient(to bottom, black 0%, black 50%, transparent 100%)",
}}
/>
{/* Premium Light Mode Background - Soft & Clean */}
<div className="absolute inset-0 dark:hidden bg-[#FAFAFA] -z-10" />
<div className="absolute inset-0 dark:hidden pointer-events-none -z-10">
<div className="absolute -top-[10%] -left-[5%] h-[600px] w-[600px] rounded-full bg-gradient-to-tr from-blue-400/15 via-indigo-500/10 to-transparent blur-[120px]" />
<div className="absolute top-[20%] -right-[10%] h-[700px] w-[700px] rounded-full bg-gradient-to-bl from-cyan-400/15 via-blue-500/10 to-transparent blur-[120px]" />
</div>
</div>

{/* Top Section Divider for visual separation from Universities */}
Expand All @@ -34,7 +23,7 @@ export default function DashboardPage() {
<div className="mx-auto max-w-7xl px-6 lg:px-8">
<div className="flex flex-col gap-8">
{/* 1. Premium Welcome Banner (Full Width) */}
<div className="relative w-full overflow-hidden rounded-[24px] border border-blue-100/50 bg-gradient-to-br from-blue-50/50 to-indigo-50/50 dark:border-blue-400/15 dark:bg-slate-900/60 dark:bg-gradient-to-b dark:from-white/[0.02] dark:to-transparent backdrop-blur-2xl p-8 shadow-sm dark:shadow-[0_8px_32px_0_rgba(0,0,0,0.2)] group transition-all duration-300 dark:hover:border-blue-400/30">
<div className="relative w-full overflow-hidden rounded-[24px] border border-slate-200/60 bg-white/80 dark:border-blue-400/15 dark:bg-slate-900/60 dark:bg-gradient-to-b dark:from-white/[0.02] dark:to-transparent backdrop-blur-xl p-8 shadow-[0_8px_30px_rgb(0,0,0,0.04)] dark:shadow-[0_8px_32px_0_rgba(0,0,0,0.2)] group transition-all duration-300 dark:hover:border-blue-400/30">

@coderabbitai coderabbitai Bot Jul 9, 2026

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🎯 Functional Correctness | 🟡 Minor | ⚡ Quick win

🧩 Analysis chain

🏁 Script executed:

#!/bin/bash
set -euo pipefail

printf '\n== file presence ==\n'
git ls-files app/dashboard/page.tsx

printf '\n== surrounding lines ==\n'
nl -ba app/dashboard/page.tsx | sed -n '1,120p'

Repository: imuniqueshiv/HyperLearningTech

Length of output: 277

🏁 Script executed:

#!/bin/bash
set -euo pipefail

python3 - <<'PY'
# Read-only semantic probe for CSS color syntax handling.
# We cannot rely on browser engines here, so use a lightweight standards-based check:
# report whether the queried syntax matches modern valid rgb()/rgba() forms.
tests = [
    "rgb(0,0,0,0.04)",
    "rgba(0,0,0,0.04)",
    "rgb(0 0 0 / 0.04)",
    "rgb(0,0,0)",
]
for t in tests:
    valid = (
        t.startswith("rgba(") and t.count(",") == 3 and "/" not in t
    ) or (
        t.startswith("rgb(") and "/" in t and t.count(",") == 0
    ) or (
        t.startswith("rgb(") and t.count(",") == 2 and "/" not in t
    )
    print(f"{t}: {'valid-ish' if valid else 'invalid'}")
PY

Repository: imuniqueshiv/HyperLearningTech

Length of output: 272

Fix the banner shadow color. rgb(0,0,0,0.04) is invalid CSS, so the shadow is dropped. Use rgba(0,0,0,0.04) or rgb(0 0 0 / 0.04) instead.

🤖 Prompt for AI Agents 
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@app/dashboard/page.tsx` at line 26, The banner shadow value in the dashboard
JSX is using an invalid color format, so the shadow is not applied. Update the
shadow class on the main banner wrapper div in dashboard page to use a valid
alpha color format such as rgba(0,0,0,0.04) or rgb(0 0 0 / 0.04), keeping the
rest of the shadow token unchanged.

{/* Ambient Background Glow (Dark Mode only) */}
<div className="hidden dark:block absolute inset-0 -z-10 opacity-[0.12] transition-opacity duration-500 group-hover:opacity-[0.24]">
<div className="absolute left-1/2 top-0 -translate-x-1/2 -translate-y-1/2 h-[300px] w-[500px] rounded-full bg-cyan-500/24 blur-[100px]" />
Expand Down
5 changes: 1 addition & 4 deletions app/layout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -109,10 +109,7 @@ export default function RootLayout({
}) {
return (
<html lang="en" className="dark overflow-y-scroll" suppressHydrationWarning>
<body
className="flex min-h-[100dvh] flex-col overflow-x-hidden"
suppressHydrationWarning
>
<body className="flex min-h-[100dvh] flex-col" suppressHydrationWarning>
<ThemeProvider
attribute="class"
defaultTheme="dark"
Expand Down
8 changes: 5 additions & 3 deletions components/navbar.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -221,14 +221,16 @@ export default function Navbar() {

return (
<header
className={`sticky top-0 z-50 transition-all duration-500 border-b border-black/10 dark:border-white/10 relative overflow-hidden ${
className={`sticky top-0 z-50 transition-all duration-500 border-b border-black/10 dark:border-white/10 ${
scrolled
? "bg-[#0D33A6]/85 dark:bg-[#0D33A6]/75 shadow-[0_8px_30px_rgb(0,0,0,0.12)] backdrop-blur-xl supports-[backdrop-filter]:bg-[#0D33A6]/70 dark:supports-[backdrop-filter]:bg-[#0D33A6]/50"
: "bg-[linear-gradient(90deg,#0E1736_0%,#081E6E_25%,#0D33A6_50%,#1153C4_75%,#006BDE_100%)]"
}`}
>
{/* glow */}
<div className="absolute -top-20 left-[55%] w-72 h-72 rounded-full bg-blue-500/30 blur-[60px] pointer-events-none" />
{/* glow background container */}
<div className="absolute inset-0 overflow-hidden pointer-events-none">
<div className="absolute -top-20 left-[55%] w-72 h-72 rounded-full bg-blue-500/30 blur-[60px]" />
</div>

<div className="mx-auto max-w-7xl px-6 lg:px-8">
<div className="relative flex h-16 items-center justify-between gap-6 md:h-[72px]">
Expand Down
Empty file added error_body.html
View file
Open in desktop
Empty file.
2 changes: 1 addition & 1 deletion features/landing/hero.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -88,7 +88,7 @@ export default function Hero() {
{/* Light Mode: Base gradient */}
<div className="absolute inset-0 bg-gradient-to-b from-[#FCFCFE] via-[#F8FAFC] to-white dark:hidden" />

{/* Light Mode: Refined Gradient Blobs */}
{/* Light Mode: Refined Gradient Blobs (Forcing Hot Reload to clear Hydration mismatch) */}
<div className="absolute inset-0 dark:hidden pointer-events-none">
<div className="absolute top-[-10%] left-[-5%] h-[800px] w-[800px] -rotate-12 rounded-full bg-gradient-to-tr from-cyan-400/15 via-blue-500/10 to-transparent blur-[120px]" />
<div className="absolute top-[10%] right-[-10%] h-[800px] w-[800px] rotate-12 rounded-full bg-gradient-to-bl from-fuchsia-400/15 via-purple-500/10 to-transparent blur-[120px]" />
Expand Down
6 changes: 3 additions & 3 deletions features/landing/universities.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -64,15 +64,15 @@ export default function Universities() {
});

return (
<section className="relative flex flex-col justify-center overflow-hidden border-none bg-background pt-12 pb-16 md:pt-16 md:pb-20">
{/* Background Layers */}
<section className="relative z-0 flex flex-col justify-center overflow-hidden border-none bg-background pt-12 pb-16 md:pt-16 md:pb-20">
{/* Background Layers - Restored Wavy Effect */}
<div className="absolute inset-0 -z-10 overflow-hidden">
{/* Light Mode Wavy Refraction Background - Centered with edge fade */}
<div
className="absolute inset-0 dark:hidden"
style={{
backgroundImage: `
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 800' preserveAspectRatio='none'%3E%3Cpath fill='%234a6cf7' fill-opacity='0.10' d='M0,400 C320,500 420,300 720,400 C1020,500 1120,300 1440,400 L1440,0 L0,0 Z'/%3E%3Cpath fill='%236e8efb' fill-opacity='0.14' d='M0,500 C320,400 420,600 720,500 C1020,400 1120,600 1440,500 L1440,0 L0,0 Z'/%3E%3Cpath fill='%234a6cf7' fill-opacity='0.08' d='M0,600 C320,700 420,500 720,600 C1020,700 1120,500 1440,600 L1440,0 L0,0 Z'/%3E%3C/svg%3E"),
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 800' preserveAspectRatio='none'%3E%3Cpath fill='%234a6cf7' fill-opacity='0.05' d='M0,400 C320,500 420,300 720,400 C1020,500 1120,300 1440,400 L1440,0 L0,0 Z'/%3E%3Cpath fill='%236e8efb' fill-opacity='0.09' d='M0,500 C320,400 420,600 720,500 C1020,400 1120,600 1440,500 L1440,0 L0,0 Z'/%3E%3Cpath fill='%234a6cf7' fill-opacity='0.03' d='M0,600 C320,700 420,500 720,600 C1020,700 1120,500 1440,600 L1440,0 L0,0 Z'/%3E%3C/svg%3E"),
linear-gradient(to top, #f0f4ff, #ffffff)
`,
backgroundSize: "cover, auto",
Expand Down
Loading