Dark mode text rendering issue on Code of Conduct and Terms of Service pages (fixed after refresh)

[AnkitRewar11]

Description

When navigating to Privacy from any page, the text on the Code of Conduct and Terms of Service pages does not render correctly in dark mode and becomes almost unreadable (very low contrast).

However, after refreshing the page, the text displays correctly.

This indicates a possible issue with theme/style not being applied properly on initial navigation.

Expected Behavior

Text should be clearly visible with proper contrast in dark mode immediately after navigation, without requiring a page refresh.

Actual Behavior

Text appears very faint or unreadable in dark mode
After refreshing the page, the issue gets resolved

Steps to Reproduce

1. Enable dark mode
2. Navigate to any page
3. Click on “Privacy”
4. Open “Code of Conduct” or “Terms of Service”
5. Observe text visibility issue
6. Refresh the page → issue disappears

Screenshots

Environment:

• Host OS:
• Browser:

---

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.

[AnkitRewar11]

i would like to work on this issue please assign it me.