Fix magnifier icon visibility in dark theme

[Copilot]

The search bar magnifier icon was always rendered in black, making it invisible against dark backgrounds.

Changes

Override the default Docusaurus navbar search icon with theme-aware SVG data URLs in SearchBar.module.css:

/* Light theme - black icon */
:global(.navbar__search-input) {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23000000" ...') !important;
}

/* Dark theme - white icon */
html[data-theme="dark"] :global(.navbar__search-input) {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23ffffff" ...') !important;
}

The icon now automatically switches color based on the active theme.

Screenshots

Before (issue - black icon invisible on dark background):

After - Light theme:

After - Dark theme:

Original prompt

---

This section details on the original issue you should resolve

<issue_title>Magnifier icon isn't theme aware</issue_title>
<issue_description>The dark theme also uses a black magnifying glass, it should also switch color, like the font next to it

</issue_description>

Comments on the Issue (you are @copilot in this section)

• Fixes Magnifier icon isn't theme aware #543

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

[netlify]

✅ Deploy Preview for easyops-cn-docusaurus-search-local ready!

Name	Link
🔨 Latest commit	eee6a66
🔍 Latest deploy log	https://app.netlify.com/projects/easyops-cn-docusaurus-search-local/deploys/6923b7986f865c000823da9a
😎 Deploy Preview	https://deploy-preview-545--easyops-cn-docusaurus-search-local.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[coderabbitai]

Important

Review skipped

Bot user detected.

To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

---

_{Comment @coderabbitai help to get the list of available commands and usage tips.}