Skip to content

[bug] Dark Mode styling missing for Weather Trends section #134

@nitishchaubeyy

Description

@nitishchaubeyy

📝 Description

While exploring the deployed website and testing the theme toggle, I noticed that the Weather Trends section does not respect the global Dark Mode theme. Even when Dark Mode is actively selected from the Navbar, this specific section retains its Light Mode background and text colors. This creates a jarring visual contrast against the rest of the dark UI.

🎯 Expected Behavior

When the Dark Mode theme is toggled on, the Weather Trends container and its internal elements should smoothly transition to use the appropriate dark theme CSS variables (e.g., matching the global dark backgrounds and lighter text colors).

🐛 Current Behavior

The section appears to have hardcoded light theme utility classes (or is missing dark mode variants), causing it to remain in light mode while the surrounding layout correctly switches to dark mode.

📸 Screenshots

Image

💻 Environment

  • Browser: [e.g., Chrome / Edge / Brave]

🙋‍♂️ I would love to work on fixing this UI bug under Nsoc 26! Could you please assign this issue to me?

Metadata

Metadata

Labels

Level 2high but non-emergency priorityNSoCOpen source contributionhelp wantedExtra attention is needed

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions