Vscode: Link highlighting makes it hard to see underscores

[entr0cks]

A link's underline is masking underscore symbols.
Requesting a setting to change link decoration (or to have a link's underline removed while hovering over it).

Having links highlighted in some other way would offer a better overview of link's that have one or more underscores in them.

• VSCode Version: 1.5.2
• OS Version: Windows 10 Pro 1607

Happened in a JavaScript file: request.get('http://localhost:11590/user/_design/user', next);

[alexdima]

@bgashler1 Do you know of some CSS trickery that might help here?

[bgashler1]

@alexandrudima there is no way to modify the offset of text-decoration: underline property, which is frustrating. But what I and others will sometimes do is use text-decoration: none and then apply a border-bottom: 1px solid white like so,

which won't mask those underscores.

[alexdima]

Using borders causes more issues than originally thought, therefore rolling back to using text-decoration:underline.

We need to think of a different approach.

[sgronblo]

Could you at least just put in an option to turn it off completely while you are coming up with the different approach?

[zo]

A future solution would be to use text-underline-position: under.
There is also text-decoration-skip: ink which look good but is probably less readable.
examples: https://codepen.io/zombectro/pen/VWOPpp

It is available without flags or prefixes in Chrome 59, which will be included in the next electron release.
https://github.com/electron/electron/pull/9946

[alexdima]

Since a couple of milestones, there is "editor.links" which can be configured to false to completely disable link detection.

[alexdima]

Let's continue tracking in #3476