Text Not Visible in Dark Theme (Low Contrast Issue)

[rahul-vyas-dev]

Text Not Visible in Dark Theme

Description

When switching the application to dark mode, certain text becomes completely invisible or very difficult to read. This happens because the text color does not change according to the dark theme, resulting in low contrast between the text and the dark background.

This not only affects readability but also leads to a poor user experience, making it difficult for users to navigate or understand the content.

---

Steps to Reproduce

1. Start the development server.
2. Open the browser and go to:
   http://localhost:5173/
3. Navigate to the page:
   http://localhost:5173/more/markdown-test
4. Switch the theme to dark mode.
5. Observe that the text becomes invisible or very hard to read due to low contrast.

---

Screenshot / Image

---

Expected Behavior

• Text should remain clearly readable in both light and dark themes.
• Colors should automatically adjust when switching to dark mode.

---

Actual Behavior

• Text becomes invisible or barely visible in dark mode.
• Hard to read due to low contrast.
• Negatively impacts user experience.

---

Steps to Reproduce

1. Switch the theme to dark mode.
2. Visit the affected component/page.
3. Observe that the text color does not update.
4. Text blends with the dark background.

---

Additional Notes

This issue affects usability and creates a confusing experience for users.
If needed, I can provide a patch or help update the affected components.

[rahul-vyas-dev]

Hey @sa-fw-an, I’ve fixed this issue and I’m available to work on it further if needed. I’m also creating a PR for this issue

[Dakshsharma1108]

@rahul-vyas-dev you can close this issue

[rahul-vyas-dev]

@rahul-vyas-dev you can close this issue

Yes

[Dakshsharma1108]

Then close it because issue has been resolved