Feat: Enhancing full Sidebar and searchbar with icons to Align with Website Theme.

[dhruv389]

Describe the feature

The feature involves enhancing the design of the search bar to better align with the overall theme of the website. Currently, the search bar does not meet the visual standards of the website theme and lacks aesthetic appeal. By implementing changes to the design, including adjustments to colors, typography, and layout, we aim to create a more visually appealing and cohesive search bar that seamlessly integrates with the website's theme.

---

Please assign me this issue

Add ScreenShots

I want to change Search bar and search button with icon:

Record

• I agree to follow this project's Code of Conduct
• I have checked the existing issues
• I'm a GSSOC'24 contributor
• I want to work on this issue

[github-actions]

Congratulations, @dhruv389! 🎉 Thank you for creating your issue. Your contribution is greatly appreciated and we look forward to working with you to resolve the issue. Keep up the great work!

We'd also like to invite you to our Discord server! Join us on discord.

We will promptly review your changes and offer feedback. Keep up the excellent work! Kindly remember to check our contributing guidelines

[Satyam1923]

@dhruv389 checkout new design if you want to make react elements for that design for can but not in this issue.

[dhruv389]

i want to make Side bar , and i will give it glassmorphism effect and all sections with icons accroding your figma design.

[Satyam1923]

@dhruv389 you can work for this issue.

[dhruv389]

hello @Satyam1923 ,

i made this design . and i am woking on it ..

is it okay ??

[dhruv389]

hello @riyasachdeva04 , @saurabhsingh720.
but you have to change the lable : Level2 to Level3. There's a lot of changes left to do.and i am working on it.

[dhruv389]

hello @riyasachdeva04 , @saurabhsingh720 ,@Satyam1923 .
i want to create 4 different pull requests for this tasks.