1708913 - Search Highlights in Scrollbar are hard to see in dark mode

Status: NEW

(Toolkit :: Find Toolbar, defect, P3)

Description

[Teure]

Attachment: Scrollbar.png

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:88.0) Gecko/20100101 Firefox/88.0

Steps to reproduce:

When using the "find in page" function, bars appear in the scrollbar to indicate where the words are, these were recently introduced, but they are really hard to easily make out at a glance, specially when the scrollbar is dark. This makes it really difficult to use the most of them when searching inside a large page.

Actual results:

Highlights in scrollbar are difficult to see due to how thin they are. Attachment shows this in this very site.

Expected results:

Highlights should be more visible, either by being thicker or something else.

Comment 1

[BugBot [:suhaib / :marco/ :calixte]]

The Bugbug bot thinks this bug should belong to the 'Firefox::Search' component, and is moving the bug to that component. Please revert this change in case you think the bot is wrong.

Comment 2

[Jeronimo Torti (Please send NI request to Brindusa Tot)]

Hi Teure,
thank you for submit this issue report.
I was able to reproduce on Windows 10, on Firefox Nightly 90.0a1 (2021-05-03) (64-bit) version and Release 88 (64-bit) versions, I could check and confirm the same behavior for both Dark and Light themes.
Since the color of the search result in the scrollbar is hard to read, I'm changing this enhancement to a Bug hoping this can be reviewed by the corresponding team.

'Toolkit-Find Toolbar' team, please feel free to change it to an appropriate one if this issue is not relevant to you.

Regards,
Jerónimo.

Comment 3

[John Seeley]

Release Note Request (optional, but appreciated)
[Why is this notable]: Because it's hard to see when using dark mode.
[Affects Firefox for Android]: No
[Suggested wording]:
[Links (documentation, blog post, etc)]: https://www.reddit.com/r/firefox/comments/1jixt1i/find_in_page_tick_marks_in_scroll_bar_very_faint/

Comment 4

[John Seeley]

Very hard to see tick marks when in dark mode. Even in light mode, tick marks behind the scroll bar's thumb/handle are partially obscured. Seems to be a transparency or layering issue. Thanks.

https://www.reddit.com/r/firefox/comments/1jixt1i/find_in_page_tick_marks_in_scroll_bar_very_faint/