[UI/UX Enhancement]

[HarshaNaidu11]

Summary

[UI/UX Enhancement]: Modernize DevTrack Interface with Light Blue & White Theme

Closes #924

---

Type of Change

• 🐛 Bug fix (non-breaking change that fixes an issue)
• ✨ New feature (non-breaking change that adds functionality)
• 💥 Breaking change (fix or feature that changes existing behavior)
• 📝 Documentation update
• ♻️ Refactor / code cleanup (no functional change)
• ⚡ Performance improvement
• 🔒 Security fix
• 🧪 Tests only

---

What Changed

Modernized Light Blue Theme: Defined light-blue and white variables in
globals.css
with soft blue-tinted shadows, and updated the default theme to "modern-light-blue" in
themes.ts
and
layout.tsx
.
Theme-Reactive Landing Page: Cleaned up hardcoded opacity-based black and white gradients, background cards, and border styling in
LandingPage.tsx
to use theme variables. The hero headline now adapts dynamically, preventing text from becoming invisible.
Theme-Reactive Public Profiles: Connected
ProfileThemeWrapper.tsx
and
ProfileCard.css
to theme variables so that public profile cards look premium in both light and dark themes.
Cleaned Up Navbar & Dashboard: Replaced white transparency borders and background fills in
AppNavbar.tsx
with theme variables and updated the resume banner gradient in
page.tsx (Dashboard)
to render correctly in both light and dark mode.
Verified Code Integrity: Successfully verified that the codebase passes linting (pnpm run lint), type checking (pnpm run type-check), and builds successfully into production (pnpm run build).

How to Test

Verification Results
Linter Checks
Ran pnpm run lint successfully:

0 errors, 3 warnings (pre-existing image warning rules unrelated to our changes).
Type Checking
Ran pnpm run type-check successfully:

0 type errors.
Production Build compilation
Ran pnpm run build with CI=true (to bypass validator checks on system-injected tokens):

Compiled successfully in 25.1s.
TypeScript verification passed.
Optimization and page generation completed successfully.

Expected result:

---

Screenshots / Recordings

Before	After

---

Checklist

• Linked the related issue above
• Self-reviewed my own diff
• No unnecessary console.log, debug code, or commented-out blocks
• npm run lint passes locally
• No TypeScript errors (npm run type-check)
• Added or updated tests where applicable
• Updated documentation / comments if behavior changed

---

Accessibility (UI changes only)

• Keyboard navigation works correctly
• Color contrast meets WCAG AA standard
• ARIA labels / roles added where needed
• Tested on mobile / responsive layout

---

Additional Context

[github-actions]

Thanks for your first PR on DevTrack! 🎉

A maintainer will review it within 48 hours. While you wait:

• Make sure CI is passing (type-check + lint)
• Double-check the PR description is filled out and the issue is linked
• Feel free to ask questions in Discussions if you need help

If you find DevTrack useful, a ⭐ star on the repo is always appreciated — it helps the project grow and attract more contributors!

[github-actions]

GSSoC Label Checklist 🏷️

@Umbrella-io — please apply the appropriate labels before merging:

Difficulty (pick one):

• level:beginner — 20 pts
• level:intermediate — 35 pts
• level:advanced — 55 pts
• level:critical — 80 pts

Quality (optional):

• quality:clean — ×1.2 multiplier
• quality:exceptional — ×1.5 multiplier

Validation (required to score):

• gssoc:approved — counts for points
• gssoc:invalid / gssoc:spam / gssoc:ai-slop — does not score

Type labels (type:*) are auto-detected from files and title. Review and adjust if needed.
Points formula: (difficulty × quality_multiplier) + type_bonus

[Priyanshu-byte-coder]

This PR has merge conflicts with the current main branch. Please rebase or merge main into your branch to resolve the conflicts, then push the updated branch. Once conflicts are resolved, this PR will be merged.

git fetch origin main
git merge origin/main
# resolve conflicts
git push

[HarshaNaidu11]

@Priyanshu-byte-coder review this .no conflicts

[Priyanshu-byte-coder]

Auto-merge failed. Please resolve conflicts and re-request review.