[UI] Fix incorrect text color in dark theme on Docker Extension page
kind/bughelp wantedframework/gatsby
### Description
On the **Docker Extension for Meshery** page, nearly all text renders in **black when the site is viewed in dark theme**, resulting in poor contrast against the dark background and making the page difficult to read: ie. the typography on this page is not correctly adopting the site's dark theme styles.
**Page:** https://layer5.io/docker-extension-meshery
### Expected Behavior
When the page is viewed in **dark theme**:
- All text should use theme-aware colors appropriate for the dark background.
- Headings, body text, and form labels should have sufficient contrast for readability.
- The page should be visually consistent with the rest of the Layer5 website, where typography adapts correctly between light and dark themes.
### Actual Behavior
When dark theme is enabled:
- Most text is rendered in **black** instead of a dark-theme text color.
- Large portions of the page become difficult to read due to insufficient contrast.
### Steps to Reproduce
1. Visit https://layer5.io/docker-extension-meshery.
2. Enable **Dark Theme**
### Screenshot
<img width="1616" height="1553" alt="Image" src="https://github.com/user-attachments/assets/6974b6f3-c5c2-41c4-a3d8-0d822a3592f8" />
### Environment
- **Host OS:** Windows 11
- **Browser:** Google Chrome (latest)
- **Theme:** Dark
---
<img src="https://raw.githubusercontent.com/layer5io/layer5/master/.github/assets/images/layer5/5-light-small.svg" width="24px" align="left" /><h2>Contributor Resources and <a href="https://layer5.io/community/handbook">Handbook</a></h2>
The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the [`master` branch](https://github.com/layer5io/layer5/tree/master).
- 📚 See [contributing instructions](https://github.com/layer5io/layer5/blob/master/CONTRIBUTING.md).
- 🎨 Wireframes and [designs for Layer5 site](https://www.figma.com/file/5ZwEkSJwUPitURD59YHMEN/Layer5-Designs) in Figma [(open invite)](https://www.figma.com/team_invite/redeem/GvB8SudhEOoq3JOvoLaoMs)
- 🙋🏾🙋🏼 Questions: [Discussion Forum](https://discuss.meshery.io) and [Community Slack](https://slack.layer5.io).
<img src="https://raw.githubusercontent.com/layer5io/layer5/master/.github/assets/images/buttons/community.webp" height="22px" align="left" />Join the Layer5 Community by submitting your [community member form](https://layer5.io/newcomer).
0 条评论