[Bug]: bad contrast background for search bar on dark mode 🙅🏻❌

[0xabdulkhaliq]

Description

• The Search bar we used to search valuable resources is having a bad contrast background color for Dark mode only.
• In light mode the background is fine, The bug is applied to all pages because the Search bar component is used on all pages.

Expected Behavior

• The search bar background need to perfectly blend with the body's background for Dark mode.

Show us the trouble with screenshots

CURRENT - FROM WEB-DEV	CURRENT - FROM AMBASSADOR

[This applies the same for every page which includes Search Bar Component]

DESIRED STATE

Which browsers are affected?

Firefox

Which OS are affected?

linux

Enter the version of your web browser

114.54

Device?

Desktop

Record

• [X] I agree to follow this project's Code of Conduct
• [X] I'm a GSSoC'23 contributor
• [X] I want to work on this issue

[0xabdulkhaliq]

Hey there @swapnilsparsh 👋🏻

Please make sure to assign this issue to me to make the work done, Thank You!

[github-actions[bot]]

Hey @0xabdulkhalid,

Thank you for raising an issue. We will investigate into the matter and get back to you as soon as possible.

Please make sure you have given us as much context as possible.

[github-actions[bot]]

Hey @0xabdulkhalid, thank you for raising an issue. I have assigned the issue to you. You can now start working on it. If you encounter any problems, feel free to connect with us.

[github-actions[bot]]

Hey @0xabdulkhalid, This issue is closed.