webpack / webpack/webpack.js.org

Improvement: make the Ctrl + K shortcut less visually distracting

Open Beginner friendly
#8,254 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
MDX
Stars
2.3k
Forks
3.4k
Avg merge
13h 32m
Merged PRs (30d)
71

Description

Have you used AI?

None

Description

The current styling of the Ctrl + K shortcut inside the search bar feels a bit too visually prominent.

At first glance, the shortcut keys look like clickable buttons rather than keyboard hints, which can be slightly confusing for new users. The contrast also draws more attention to the shortcut than the actual search input, making the search bar feel a bit distracting in both dark and light themes.

Attached screenshots for both dark and light themes below.

Image Image
Current behavior
  • Shortcut keys appear button-like
  • Visual emphasis is stronger than necessary
  • Attention gets pulled away from the search input itself
Possible improvement
  • Reduce the visual emphasis of the shortcut keys
  • Make them feel more like passive keyboard indicators
  • Use slightly lower contrast / flatter styling while keeping them discoverable

.
.
I’d be happy to work on this and open a PR for it.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

No file or test is named in the issue. Start by locating the search bar and its Ctrl + K shortcut styling in the documentation site, then compare the component in both dark and light themes. Done means the shortcut reads as a passive keyboard hint, has lower visual emphasis, and remains discoverable without distracting from the search input.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
design, frontend
Issue type
Feature
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
64/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.