ITADN

[UI] Fix incorrect text color in dark theme on Docker Extension page

#7930Openhiyach28 创建于 24 天前
kind/bughelp wantedframework/gatsby
H
hiyach28commented
### 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 条评论