Skip to content

style: soften DocSearch keyboard shortcut styling#8291

Open
arechaithanya wants to merge 6 commits into
webpack:mainfrom
arechaithanya:fix/search-shortcut-styling
Open

style: soften DocSearch keyboard shortcut styling#8291
arechaithanya wants to merge 6 commits into
webpack:mainfrom
arechaithanya:fix/search-shortcut-styling

Conversation

@arechaithanya

@arechaithanya arechaithanya commented Jul 5, 2026

Copy link
Copy Markdown
Contributor

Summary

This PR reduces the visual prominence of the DocSearch keyboard shortcut keys in the search bar.

The shortcut keys are styled to feel more like passive keyboard hints rather than clickable buttons, allowing the search input to remain the primary focus while preserving readability in both light and dark themes.

What kind of change does this PR introduce?

  • Style/UI improvement

Did you add tests for your changes?

No. This change only updates the visual styling of the search shortcut.

Does this PR introduce a breaking change?

No.

If relevant, what needs to be documented?

No documentation changes are required.

Use of AI

AI was used to assist with brainstorming and reviewing styling approaches. All code changes were manually implemented, tested, and verified locally.

@vercel

vercel Bot commented Jul 5, 2026

Copy link
Copy Markdown

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

Project Deployment Actions Updated (UTC)
webpack-js-org Error Error Jul 5, 2026 1:45pm

Request Review

@arechaithanya

Copy link
Copy Markdown
Contributor Author

The failing E2E check appears unrelated to this styling change. The failure occurs in src/utilities/fetch-supporters.mjs while fetching supporters from the OpenCollective API (node.account is null), which is the same issue I encountered during local development.

Comment thread src/styles/tailwind.css
/* doc search */
:root {
--docsearch-primary-color: #1d78c1 !important;
--docsearch-key-color: rgb(148 163 184);

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

could you change this to either rgba or hsla?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants