Bug : Fix the visibility in Dark Mode

[sujeet9682]

Description

In dark mode, certain elements are not visible, affecting readability and usability. This seems to be due to insufficient contrast between text/elements and the dark background

Steps to Reproduce

1. Switch the site to dark mode.
2. Observe the visibility of elements across different sections.

Expected Behavior

Elements should be clearly visible even in dark mode with sufficient contrast between text and background colors.

Actual Behavior

1. Certain elements blend into the dark background and are difficult to read.
2. Low contrast makes navigation and interaction challenging in dark mode.

Screenshots

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)

[github-actions]

Hi there! Thanks for opening this issue. We appreciate your contribution to this open-source project. We aim to respond or assign your issue as soon as possible.