improvement: make search shortcut less visually distracting

[Jenil1105]

Summary

This PR reduces the visual prominence of the Ctrl K shortcut inside the DocSearch search bar.

Previously, the shortcut keys appeared highly contrasted and button-like, which made them visually distracting and could give the impression that they were clickable elements rather than passive keyboard hints.

This update softens the styling by:

• reducing contrast,
• using subtler borders,
• improving blending with the search bar background,
• and keeping the shortcut discoverable without dominating the visual hierarchy.

Fixes #8254

---

Before

• Shortcut keys appeared visually dominant and button-like
• High contrast drew attention away from the search input

After

• Shortcut keys blend more naturally with the search bar
• Softer borders and reduced contrast improve visual hierarchy
• Maintains discoverability while feeling less distracting

---

What kind of change does this PR introduce?

style

---

Did you add tests for your changes?

No. This change is purely visual/UI-related and does not affect functionality.

---

Does this PR introduce a breaking change?

No.

---

If relevant, what needs to be documented once your changes are merged or what have you already documented?

No additional documentation is required.

---

Use of AI

AI assistance was used for wording refinement and discussion around UI/UX considerations.
The implementation, styling decisions, testing, and final modifications were reviewed and adjusted manually.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
webpack-js-org	Ready	Preview, Comment	May 25, 2026 4:43pm

[linux-foundation-easycla]

The committers listed above are authorized under a signed CLA.

• ✅ login: Jenil1105 / name: Jenil1105 (a79d60a)

[github-actions]

👋 Hi there! This PR was automatically flagged and closed by our quality checks.

If you believe this was a mistake, please review our contributing guidelines
and leave a comment explaining why this is a mistake.

[Jenil1105]

I forgot to complete the CLA authorization before opening the PR, so it was likely auto-closed by the checks. The authorization has been completed now. Would it be possible to reopen the PR for review?

[github-actions]

👋 Hi there! This PR was automatically flagged and closed by our quality checks.

If you believe this was a mistake, please review our contributing guidelines
and leave a comment explaining why this is a mistake.