Feature Request: Dark/Light Theme Toggle

Description

Add a theme toggle feature that allows users to switch between dark and light modes for better accessibility and user preference.

Current State

The portfolio currently only supports a dark theme with gray-900 background and white text.

Proposed Solution

• Add a theme toggle button in the navbar
• Implement theme context using React Context API
• Create light theme variants for all components
• Persist theme preference in localStorage
• Add smooth transitions between theme changes

Components to Update

• Navbar (add toggle button)
• All section components (Hero, Skills, Experience, Education, Projects, Contact)
• UI components (GradientText, SquaresBackground, etc.)
• CSS variables for theme colors

Technical Requirements

• Use React Context for theme management
• Implement CSS custom properties for theme colors
• Add Tailwind CSS dark mode utilities
• Ensure accessibility compliance
• Maintain current animations and interactions

Acceptance Criteria

• Theme toggle button visible in navbar
• Smooth transition between themes
• Theme preference persists across sessions
• All components support both themes
• Accessibility standards maintained
• No breaking changes to existing functionality

Additional Notes

This feature would significantly improve user experience and accessibility. The implementation should be clean, performant, and follow React best practices.