[UI] Colour should be appropriate

[Bhumikagarggg]

Expected Behavior

1. All the white color logos shown on this page should be colorfull like shown in image (Except - HELM PLUGIN FOR KANVAS SNAPSHOT)

2. This image have problem change this with proper eyes and mouth.

Screenshots

---

Contributor Guides and Handbook

The meshery.io website uses Jekyll and GitHub Pages. Site content is found under the master branch.

• 📚 See the Contributing to Meshery.io Website section of the readme.md and other contributing instructions, too.
• 🎨 Wireframes and designs for Meshery UI in Figma (open invite)
• 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack
• 📺 Self-paced Contributor Trainings

[Sathwik-parimi-07]

Hii,
I would like to work on this issue

[Bhumikagarggg]

@Sathwik-parimi-07 Thanks for your interest! I think this would be a great first issue for a newcomer. Also, if I'm not mistaken, you're already working on another issue. Let's leave this one available for new contributors.

[hiyach28]

@Bhumikagarggg I would love to take on the issue!
Just wanted to clarify one thing before I start working on this. Should the logos remain the same (i.e., the colored versions) in both the light and dark themes? In other words, are we moving away from using the white logo variants for dark mode, except for the Helm Plugin for Kanvas Snapshot as mentioned in the issue?

[Sathwik-parimi-07]

@Sathwik-parimi-07 Thanks for your interest! I think this would be a great first issue for a newcomer. Also, if I'm not mistaken, you're already working on another issue. Let's leave this one available for new contributors.

Okk. I'll try to resolve some other issues 😊

[Bhumikagarggg]

@hiyach28 No, we are not moving away from using white logos. If a logo’s original colors are clearly visible against a dark background, we should use the original version. If the original logo does not look appropriate or lacks sufficient contrast, we should use the white version instead.

[hiyach28]

@Bhumikagarggg Based on your clarification, I went through the page and these are the logos that I think could be switched to their original colored versions while still maintaining good visibility on the dark background:

1. Kubectl Plugin for MeshSync Snapshot
2. Layer5 Academy
3. Meshery Adapter for AWS App Mesh
4. Meshery Adapter for Cilium Service Mesh (colored logo with white border)
5. Meshery Adapter for Consul
6. Meshery Adapter for Linkerd
7. Meshery Adapter for NGINX Service Mesh (I'll verify the contrast after implementing.)

Additionally, I noticed another issue: the TCS Labs Academy in the light theme doesn't seem to be rendering correctly.

If that's okay, I can include that fix in the same PR as well.