[design bug] Make the search filter of debug console more protruding/visible

There was I stuck in the VSCode because I didn’t realize I had the search filter on for a few weeks. Had the filter been more catchy, it wouldn’t happen. See more here: https://github.com/Dart-Code/Dart-Code/issues/3536#issuecomment-918262945

For instance, make the Showing 4 of 404 button in a different — highlighted (i.e. yellow) color. Currently that grey “button” blends with its background.

[lychung7]

I’ve been thinking about a couple of ideas, let me know what you all think!

The first idea was that we could be consistent with how the filtering shows up in the Problems view. The filtered text is bolded and highlighted.

The second idea was that we could bring the search down to its own row, taking up the whole width, similar to what we see in Keyboard shortcuts and the sidebar search. It could also be helpful when the window is wider since the search won’t be all the way to the right while the results are left-aligned.

[roblourens]

I just noticed that the Problems view shows this when there are no matches. The debug console is only empty. Would it have helped in your case, or was there pretty much always some match, as in your screenshot?