[BUG] Dark Theme is not getting applied to all the elements

[Rupak182]

Describe the bug
There are various elements which does not follow the dark theme and and remains the same even if theme is changed to dark

To Reproduce
Steps to reproduce the behavior:

1. Go to index.html and add class="dark" in body tag,
2. Build the frontend
3. Run any of the examples (I have attached an example for iris).

Expected behavior
Each component should change its style based on the dark theme.

Video

issue.mp4

Environment:

• OS: Windows
• Browser: Firefox
• Version: 137

Additional context
This issue is related to #534 which I am currently working on .I thought of adding it as a separate issue for better tracking.