[UI] Enhance Button Text Theme

[amitamrutiya]

Current Behavior

I see some inconsistencies with button text in Meshery Play in two places:

1. In the FAQ button, the background color is Persian Green, and the text is
2. In the "Join the community" (light mode) and "Sign up" buttons, the background color is yellow, and the text is white. The text on these buttons is not clearly visible.

Desired Behavior

1. The FAQ button should have a white background color, regardless of whether it's in dark or light theme.
2. The "Join the community" (light mode) and "Sign up" buttons should have a yellow background color, with black text in both dark and light themes.
3. On hover, the text color should be the opposite of the default text color.

Screenshots

Additional Information

I know this is a minor issue, but fixing it can ensure a consistent theme across all of Meshery's projects. If you find this issue valid, I am happy to work on it.

---

Contributor Guides and Handbook

• 🛠 Meshery Build & Release Strategy
• 📚 Instructions for contributing to documentation
  • Meshery documentation site and source
• 🎨 Wireframes and designs for Meshery UI in Figma
• 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack

[0xvish]

Hi, can I work on this issue?

[amitamrutiya]

Hey @thevishvammoliya ,

Thanks for your interest in solving this issue. I am waiting for some confirmation from the mentainer. Once I receive it, I will start working on this issue. So, you can find other issues to work on.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[stale]

This issue is being automatically closed due to inactivity. However, you may choose to reopen this issue.