Skip to content

fix: inconsistent outline color on focus when navigating using tab key#1687

Merged
BlackHole1 merged 2 commits into
electron:mainfrom
AlokYadavCodes:fix/1085-inconsistent-focus-indicators
Mar 7, 2025
Merged

fix: inconsistent outline color on focus when navigating using tab key#1687
BlackHole1 merged 2 commits into
electron:mainfrom
AlokYadavCodes:fix/1085-inconsistent-focus-indicators

Conversation

@AlokYadavCodes

@AlokYadavCodes AlokYadavCodes commented Mar 6, 2025

Copy link
Copy Markdown
Contributor

Fix #1085 by ensuring consistent focus outlines for input fields and buttons in dark mode.
Previously, input fields and buttons had inconsistent focus outlines, leading to a poor user experience.

All elements are focused in the images below:

Before:

before1

After:

after1

Before:

before2

After:

after2

Changes

Added outline: @blue3 solid 2px; to following classes in dark mode:

.bp3-control input:focus ~ .bp3-control-indicator

.bp3-button:focus

@AlokYadavCodes AlokYadavCodes requested review from a team and codebytere as code owners March 6, 2025 22:39
@AlokYadavCodes AlokYadavCodes changed the title Fix inconsistent outline color on focus when navigating using tab key fix: inconsistent outline color on focus when navigating using tab key Mar 7, 2025
@AlokYadavCodes

Copy link
Copy Markdown
Contributor Author

@codebytere
It looks like this workflow requires maintainer approval to run. Could you please approve it when possible?

@BlackHole1 BlackHole1 merged commit 72117c8 into electron:main Mar 7, 2025
@coveralls

Copy link
Copy Markdown

Coverage Status

coverage: 87.472%. remained the same
when pulling 52785f1 on AlokYadavCodes:fix/1085-inconsistent-focus-indicators
into cdc7a29 on electron:main.

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.

Inconsistent focus indicators throughout Fiddle

3 participants