Feedback Form Enhancement for Visual Appeal

abhivyakti2 commented 2 weeks ago

Feedback Form Enhancement for Improved Visual Appeal

Fixes Issue #741

Type of PR Bug fix

Description This pull request aims to improve the visual appeal of the feedback form by enhancing the existing color scheme and adding hover effects to interactive elements. The colors have been made bolder and brighter without changing the overall theme, and hover effects have been added to buttons and input fields for better user interaction.

Screenshots / Videos Before:

The feedback form looked a bit dull due to the muted color scheme and lack of hover effects. After: https://github.com/user-attachments/assets/7c8c12fa-f1c3-4ea9-b2fa-fd0062b87ac7

The colors are now bolder and brighter, creating a more vibrant appearance, and hover effects have been applied to buttons and input fields for a more dynamic user experience.

Checklist

[X] I have performed a self-review of my code.
[X] I have tested the changes thoroughly before submitting this pull request.
[X] I have provided relevant issue numbers, screenshots, and videos after making the changes.
[X] I have commented my code, particularly in hard-to-understand areas.

Additional Context The color adjustments were made by increasing the boldness and brightness of the current colors. The hover effects were added to enhance the user experience without deviating from the original theme.

Thank you for reviewing my pull request!

@swaraj-das Kindly assign me this issue and add labels : hacktoberfest-accepted, gssoc-ext, a level label suitable

vercel[bot] commented 2 weeks ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
collect-your-gaming-tools	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 7, 2024 2:06am

netlify[bot] commented 2 weeks ago

Deploy Preview for collect-your-gamingtools ready!

Name	Link
Latest commit	f3165f310184bab2afe9dc484649cc0386f88340
Latest deploy log	https://app.netlify.com/sites/collect-your-gamingtools/deploys/672c20894d8e190008cd25e0
Deploy Preview	https://deploy-preview-755--collect-your-gamingtools.netlify.app
Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.