[Feature]: Add Light/Dark Theme Toggle with UI Enhancements and Bug Fixes

[ayushpandey101]

Where are you from?

Mention the even you are from.

[☑️ ] GSSoc
[☑️ ] Hackoctober
[❌ ] OSCI

📋 Issue Type

• Feature Enhancement
• Bug Fix

Description of the Feature

This PR implements a complete theming system allowing users to switch between Light Mode and Dark Mode across the entire application.

Key Features:

✅ ThemeContext.jsx - New context file for global theme management
✅ Theme Toggle Button - Added to Navbar for easy switching
✅ Enhanced Light Mode UI - Optimized color schemes and contrast ratios
✅ Bug Fixes - Resolved Profile section rendering errors in both themes
✅ Theme Persistence - Saves user preference to localStorage

Files Modified (8 total):

• Home.jsx - Theme-aware styling
• Footer.jsx - Dynamic theme colors
• Navbar.jsx - Theme toggle + styling
• About.jsx - Theme-responsive content
• AuthForms.jsx - Theme-compatible forms
• Contact.jsx - Theme-aware layout
• Dashboard.jsx - Theme integration
• Profile.jsx - Bug fixes + theme support

Estimated time to implement the feature

Status: ✅ ALREADY IMPLEMENTED IN PR

This feature has been fully developed and tested over 2 days of hard work (~18 hours total).

• Day 1: ThemeContext creation, core components (Navbar, Home, Footer, About)
• Day 2: Remaining components, Profile bug fixes, testing & optimization

PR Status: 🔄 Submitted and ready for review

Additional context

Implementation Highlights:

• React Context API for state management
• Smooth CSS transitions (300ms)
• WCAG AA compliant contrast ratios
• Cross-browser tested (Chrome, Firefox, Safari, Edge)
• Zero console errors
• Mobile responsive

Bug Fixes Included:

• Fixed Profile section rendering errors
• Resolved UI inconsistencies across components
• Fixed contrast and visibility issues
• Corrected spacing and alignment problems

Testing Completed:

• Theme toggle works perfectly
• Theme persists after reload
• All 8 components render correctly in both themes
• Profile bugs completely resolved
• Responsive on all devices
• Keyboard accessible

📸 Screenshots

Fix Needed:

💬 Developer Notes

Development Time: 2 days of intensive work
Difficulty Level: Level 2 (Intermediate)
Lines Modified: ~1140 lines added and 404 deleted across 8 files + new ThemeContext.jsx
Status: ✅ Production-ready

[github-actions]

Thank you for raising this issue!

We'll review it as soon as possible. We truly appreciate your contributions! ✨

Meanwhile make sure you've visited the README.md, CONTRIBUTING.md, and CODE_OF_CONDUCT.md before creating a PR for this. Also, please do NOT create a PR until this issue has been assigned to you. 😊

[ayushpandey101]

hello @GollaBharath, I would like you to go through the issue and the respective pr and i would like to contribute on your project if you allow me .