Fix FAQ Text Visibility in Dark Mode

[govindbairi]

Description

The issue is that the text on the FAQ page becomes nearly invisible or difficult to read when the site is in dark mode. This significantly impacts user experience, as visitors struggle to find and read the frequently asked questions.

I tried adjusting the text color in the CSS to a lighter shade, but it didn’t resolve the issue completely; some elements still blend into the dark background. I also experimented with changing the background color of the FAQ section to a slightly different dark shade, but that didn't improve the contrast sufficiently either.

Additionally, I looked into modifying the font weight and size, hoping to enhance visibility, but these adjustments did not make a significant difference in the overall readability of the text. As a result, users continue to face challenges when trying to navigate the FAQ section in dark mode.

Steps to Reproduce

Open the Website: Navigate to the website where the FAQ page is located.

Activate Dark Mode: Switch the website's theme to dark mode. This can usually be done via a toggle or setting in the site’s interface.

Navigate to the FAQ Page: Go to the FAQ section of the website, typically accessible from the main menu or footer.

Observe the Text: Look at the text of the questions and answers displayed on the FAQ page.

Check Visibility: Note how difficult it is to read the text against the dark background. Pay attention to any specific sections where the text appears to blend into the background or is completely hidden.

Test Across Devices: (Optional) Repeat the steps on different devices or browsers to confirm the issue persists across platforms.

By following these steps, you should be able to consistently reproduce the visibility issue with the FAQ text in dark mode.

Expected Behavior

No response

Actual Behavior

No response

Screenshots

No response

Additional Information

No response

What browser are you seeing the problem on?

• Firefox
• Chrome
• Safari
• Microsoft Edge

Checklist

• I have checked the existing issues
• I have read the Contributing Guidelines
• I want to work on this issue. (optional)