Skip to content

Search Bar Stuck in Dark Mode for Both Light and Dark Themes #323

@SnehaTingare

Description

@SnehaTingare

Describe the bug

The search bar component currently retains a dark mode appearance regardless of the selected theme. When the user switches to light mode, the rest of the UI correctly updates, but the search bar background, text, and border styling remain in dark mode.
This fix ensures that the search bar dynamically adapts to the active theme for consistent appearance and accessibility.

Image

To Reproduce

Open the SaralSeva application ).

Switch between Light Mode and Dark Mode using the theme toggle .

Observe the search bar component on the page.

Notice that the search bar remains in dark mode styling even when the app is in light mode.

Expected behavior

In Light Mode: The search bar should have a light background with dark text and visible border or shadow consistent with the theme.

In Dark Mode: The search bar should have a dark background with light text and borders that match the overall dark theme.

The component should seamlessly switch styles when toggling between light and dark modes.

Additional context

No response

Metadata

Metadata

Labels

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions