UI Bug: Text becomes unreadable in sidebar when Dark Mode is enabled

[anjaliushadubey]

Describe the bug

When "Enable Dark Mode" is activated, several text labels within the sidebar change their color to white. However, the background of the sidebar panel remains light gray/white, which makes the text completely unreadable due to the lack of contrast.

To Reproduce

Steps to Reproduce:

Navigate to the main analysis page.

In the "Analysis Controls" section of the sidebar, check the "Enable Dark Mode" box.

Observe the text labels such as "Choose Analysis Mode", "Single Model", and "Ensemble Analysis".

Expected behavior

When Dark Mode is enabled, the sidebar's background color should also switch to a dark color (e.g., dark gray or charcoal) to provide the necessary contrast for the white text. The entire sidebar should look consistent with the rest of the dark-themed application.

Additional context

No response

[github-actions]

Thank you for raising this issue!

We'll review it as soon as possible. We truly appreciate your contributions! ✨

Meanwhile make sure you've visited the README.md, CONTRIBUTING.md, and CODE_OF_CONDUCT.md before creating a PR for this. Also, please do NOT create a PR until this issue has been assigned to you. 😊

[anjaliushadubey]

Hi team, I've gone through the bug report and would love to work on a fix. I'm ready to get started as soon as it's assigned. Could you please assign this issue to me?

[eccentriccoder01]

@anjaliushadubey As I said, kindly read the convo and my comment in this thread #57