Dark mode styles not applied on Virtual Lab experiment pages

[Ananya44444]

Several virtual lab templates(experiments pages) lacked dark-mode variants.
Update templates to include dark-mode styles and improve mobile responsiveness for the mass-spring experiment.

[Tanush576]

Hi @Ananya44444, I’ve performed a further audit of the site and found that the dark mode issues aren't limited to the Virtual Lab pages. I’m seeing similar styling inconsistencies on the Waiting Rooms page (where cards remain white) and other routes.

This suggests a more global issue, likely within the base templates or the theme-switching logic in base.html.

@A1L13N / @ivan-ogasawara , I’d like to work on a global fix to ensure dark mode is consistently applied and persisted across the entire platform. This would involve auditing the base Tailwind configurations and ensuring all major components inherit the correct dark: classes. May I be assigned to investigate and resolve this?

[Ananya44444]

Hi @Tanush576 ,Thanks for taking a look. I’d already done a broader audit of the site and had identified these dark mode inconsistencies.
The root cause is template-level, several templates are missing dark: Tailwind CSS variants on color-related classes, even though the global dark class is applied correctly. I’m already working on addressing this across the affected templates and will reference the related PRs as I go.
I’ve already opened PR #835, which is currently awaiting review, and the follow-up fixes build on that work.
Feel free to pick up any other issues in the meantime.

[Tanush576]

Understood, @Ananya44444. Thanks for the clarification on PR #835. It looks like you have the template variants well-covered.

To avoid overlapping, I'll move over to investigate the Language Switcher bug (#837) reported by @SGNayak12. It seems like a critical functional issue, so I'll start looking into the i18n configuration there.

@A1L13N / @ivan-ogasawara , I'll post my technical findings on the #837 thread shortly.