shields icon indicating copy to clipboard operation
shields copied to clipboard

Search bar colors in light/dark mode

Open uncenter opened this issue 1 year ago • 1 comments

Are you experiencing an issue with...

shields.io

🐞 Description

I'm seeing some inconsistencies with the coloring of elements in light/dark mode.

Light mode: shields.io search bar in light mode Dark mode: shields.io search bar in dark mode

For reference, this is what the https://docusaurus.io/ website search bar looks like.

Light mode: docusaurus.io search bar in light mode Dark mode: docusaurus.io search bar in dark mode

  1. The search icon (magnifying glass) in the search field is a dark color in light mode but doesn't switch to a lighter color in dark mode.

  2. The placeholder text in light mode seems a little too faint to be properly readable. It looks fine in the screenshot above but take a look for yourself and tell me what you think!

uncenter avatar Jun 18 '23 17:06 uncenter

I think this is really an issue with https://github.com/easyops-cn/docusaurus-search-local

You can reproduce the same behaviour on https://easyops-cn.github.io/docusaurus-search-local/

I think the relevant upstream issue for the icon is https://github.com/easyops-cn/docusaurus-search-local/issues/336

chris48s avatar Jun 18 '23 20:06 chris48s