Card Text Labels Become Invisible When Switching Between Dark and Light Themes

[Tharanishwaran]

Description

When switching between dark and light themes on the Layer5 website, the text labels under the technology icons (Flux, SPIRE, Harbor, OpenTelemetry, Helm, TiKV, etc.) become invisible due to incorrect text color handling. The text appears to maintain a white color when switching back to dark theme, making it invisible against the dark background.

Expected Behavior

• Text labels should remain visible and properly contrasted in both dark and light themes
• Text color should dynamically adjust based on the selected theme

Screenrecord

https://github.com/user-attachments/assets/20f3cc80-5ed8-46bc-8dda-8212f50e14fd

Environment:

• Host OS: Debian 12
• Browser: Firefox

---

Contributor Resources and Handbook

The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the master branch.

• 📚 See contributing instructions.
• 🎨 Wireframes and designs for Layer5 site in Figma (open invite)
• 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack.

Join the Layer5 Community by submitting your community member form.

[Tharanishwaran]

can i work on this issue ?

[DEEP-600]

@leecalcote can i work on this issue ?

[ashok-2003]

hey @vr-varad , is this issue still pending ?

[stale[bot]]

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.