[Feature Request]: Improve Button Color Coordination to Match Website Theme

[AyushDubey23]

Is there an existing issue for this?

• I have searched the existing issues

Feature Description

The current buttons on the website lack consistent color coordination, which makes the user interface look less cohesive. The buttons use colors that don’t align well with the website's overall theme of purple and dark blue.

Steps to Reproduce:

Visit the website and navigate to any page with buttons (e.g., homepage, sign-up page, etc.).
Observe that the button colors clash with the website's purple and dark blue theme, making them visually unattractive.
Proposed Solution:

Update the button color scheme to align with the existing website theme by using purple (#6a0dad) and dark blue (#00008b) for the buttons and hover states.
Add transitions and hover effects to improve the user experience and interaction feedback.
Expected Result:

Buttons will have a visually appealing color scheme that matches the purple and dark blue theme, enhancing the website’s overall design consistency.

Use Case

Improved Button Color Coordination for Better User Experience

Actors:
User (Visitor or Customer): Any person visiting the travel website.
Website Admin/Developer: The person responsible for maintaining and updating the website.

Benefits

No response

Add ScreenShots/Videos

Priority

Medium

Record

• I have read the Contributing Guidelines
• I'm a GSSOC'24 Extended contributor
• I'm a Hacktoberfest'24 contributor
• I have starred the repository

[github-actions]

Hi @AyushDubey23! Thanks for opening this issue. We appreciate your contribution to this open-source project.