Skip to content

style: improve search input background contrast#113

Open
aryan7071 wants to merge 2 commits intostdlib-js:masterfrom
aryan7071:docs-search-visibility
Open

style: improve search input background contrast#113
aryan7071 wants to merge 2 commits intostdlib-js:masterfrom
aryan7071:docs-search-visibility

Conversation

@aryan7071
Copy link

Resolves # .

#112

Checklist

Please ensure the following tasks are completed before submitting this pull request.

  • Read and understand the Code of Conduct.
  • Read and understood the licensing terms.
  • Searched for existing issues and pull requests before submitting this pull request.
  • Filed an issue (or an issue already existed) prior to submitting this pull request.
  • Rebased onto latest master.
  • Submitted against master branch.

Description

What is the purpose of this pull request?

This pull request:

  • Makes a small UI tweak to improve search input visibility
  • Does not affect functionality or layout

Related Issues

Does this pull request have any related issues?

This pull request:

Questions

Any questions for reviewers of this pull request?

No.

Other

Any other information relevant to this pull request? This may include screenshots, references, and/or implementation notes.

No.


@stdlib-js/reviewers

@aryan7071
Copy link
Author

Hi @athan,

I have submitted the PR, but while working on the changes I encountered an issue when trying to edit bundle.min.css, which indicated that the file should not be edited directly. While investigating, I found that the top navigation search styling variable --top-nav-search-background-color: #fafafa appears in two locations: public/css/docs/bundle.min.css and public/css/docs/themes/light/main.css, both affecting the light mode.

I wanted to confirm whether there is a primary source file that should be modified instead of editing the generated bundle file directly. As part of testing, I adjusted the color to #f3f1f1, which improves visibility while still fitting the existing design.

Additionally, I would like to propose a small UI improvement: adding a subtle border to the top navigation search input. I tested this locally, and it appears to improve visibility while aligning well with the stdlib blue theme. I would be happy to include this change if you think it would be appropriate.

@kgryte
Copy link
Member

kgryte commented Feb 11, 2026

@aryan7071 Would you mind posting a couple of screenshots of before-after for the proposed changes?

@kgryte
Copy link
Member

kgryte commented Feb 11, 2026

...otherwise, it is hard to review the merits of this PR. :)

@aryan7071
Copy link
Author

aryan7071 commented Feb 11, 2026

@kgryte

Sure , here are the before and after screenshots for the proposed changes.

LIGHT MDOE

BEFORE

Desktop Screenshot 2026 02 12 - 00 45 35 44 Desktop Screenshot 2026 02 12 - 00 46 48 68

AFTER

Desktop Screenshot 2026 02 12 - 00 47 31 79 Desktop Screenshot 2026 02 12 - 00 48 07 60

DARK MODE

BEFORE

Desktop Screenshot 2026 02 12 - 00 49 33 22 Desktop Screenshot 2026 02 12 - 00 50 06 39

AFTER

Desktop Screenshot 2026 02 12 - 00 50 34 84 Desktop Screenshot 2026 02 12 - 00 51 22 63

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.

Search bar visibility issue on frontend

2 participants