Docs: Dark Mode readibility issue

[vidit-odedra]

Description:

Dark mode is not functioning as expected on several pages. While some text elements (such as <h3>, <h4>, and <span>) correctly change their color from black to white, the background remains white. This causes the content to become unreadable due to insufficient contrast.

Additionally, the code snippets section looks visually broken or awkward in dark mode — the styling does not match the rest of the theme and may be hard to read.

---

Steps to Reproduce this issue :

1. Go to any of the following pages:
   • /installation
   • /how to use?
   • /component status
   • ... other pages could also be affected
2. Enable dark mode.
3. Observe how some text elements (headings and spans) become invisible or hard to read.

---

Expected Behavior:

Text color should change to white only if the background also changes to a dark color. Proper contrast should be maintained in dark mode for all elements.

---

Environment:

• Browser: [e.g., Chrome 123, Firefox 115]
• OS: [e.g., Windows 11, macOS Ventura]
• Theme toggle method: [e.g., manual toggle, system preference]

---

Screenshots :