Dark-mode friendly support for search input field

[leecalcote]

Current Behavior

See the https://layer5.io/blog page and it's use of an input field while in dark mode. See also the site home page and https://layer5.io/cloud-native-management/meshery/integrations for additional uses of a search input field.

Be sure to adhere to the Acceptance Tests below.

Desired Behavior

Acceptance Tests

1. All search input fields for follow the same dark-mode friendly behavior.
   1. Integrations page
   2. Home page
   3. Blog page

---

Contributor Resources and Handbook

The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the master branch.

• 📚 See contributing instructions.
• 🎨 Wireframes and designs for Layer5 site in Figma (open invite)
• 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack.

Join the Layer5 Community by submitting your community member form.

[Dipti0704]

hey @leecalcote I would like to work on this issue, please assign me this issue

[BarryByte]

hey @leecalcote please assign me this issue.

[hollermay]

Hey @leecalcote @hargunkaur286 , I'm available for this issue now and have also worked around layer5, you can assign me this

[narasimha-1511]

Hey @Dipti0704 you have already working on other issue i am assigning this to @BarryByte

[ashparshp]

Thank you all for your interest in working on this issue!

I apologize for any confusion regarding the assignments. We appreciate your ask and will ensure that future assignments follow the chronological order of requests. For now, @Dipti0704, thank you for your patience. We'll proceed with the issue based on our current process and prioritize assignments accordingly.

Thanks again to @BarryByte, @Indrajeety993648, and @hollermay for your willingness to contribute.

[ashparshp]

@BarryByte Any updates?

[BarryByte]

Hello @Ashparshp, Sorry for the delay in discussing the approach. The issue can be fixed by implementing a dark mode switcher for the entire Blog page. Currently, the background color of the search input field is grey in light mode and white in dark mode, which is not consistent.

Refer to these images for a better understanding of the issue:

The color hex code does not change when the theme is toggled. Therefore, we need to implement separate changes for the Blog page when the theme is switched. If i am missing something please add to it.

[ashparshp]

@BarryByte Refer: https://layer5.io/projects/sistent/identity/color/guidance

[sudhanshutech]

@BarryByte any luck?

[Shubhf]

@sudhanshutech Can I take up this issue?

[Mandeep56Singh]

@sudhanshutech isn't there any command which can automate assigning issues to people. like .take for assigning issues ?

[ashparshp]

@Mandeep56Singh, We generally provide access to assign issues to contributors who have shown consistent participation and commitment to the project. This ensures that the right people have the responsibility to manage issues effectively.

[ashparshp]

@Shubhf, you have already pending issues, please get those done first.

[ashparshp]

@BarryByte, as we haven't heard back from you, I've unassigned you.

[ashparshp]

@Mandeep56Singh, intrested on taking?

[Mandeep56Singh]

@Ashparshp hmm... ok

[THEBOSS0369]

Hey @leecalcote @Ashparshp @sudhanshutech! Can i take this issue? I can work on this. Thanks

[ashparshp]

@THEBOSS0369,

Go ahead please..