Themeing for editor squiggles background

[stevermeister]

I would like to have custom highlight for errors:

for example such an aggressive one:

Started discussion on stackoverflow and found that for now VSCode does not have such option.

[smuuf]

Please.

[pierredewilde]

Green squiggles used for warning messages are hardly visible with dark color themes.

[davnicwil]

I posted a workaround (hack) on the stackoverflow question opened by the OP - it works (UPDATE - no longer seems to work as of v1.10 release), but I am having to reapply this on every update, and it makes VS Code report itself as corrupted, both of which are pretty inconvenient. It would be great to just have this configuration 'natively' instead.

This is a significant accessibility hurdle for colorblind people using VS code.

I think any solution to making this configurable should be as low-friction as possible. For example, please consider just allowing raw css to be specified for the error style, on top of an existing theme, similarly to how this workaround does. If these styles are deeply integrated into the theming and a completely new theme has to be created to change them, this may make it more of a hassle than necessary to tweak the styles, and the themes will not necessarily even be very shareable since different people will want/need slightly different tweaks.

Thanks for all the great work!

[nixterrimus]

I'd love to have the ability to highlight a whole line when there's an error. It's so easy to miss an error when scanning through a file.

[johnengleman]

Yes, please add this.

[gbritting]

Agree with davnicwil "This is a significant accessibility hurdle for colorblind people using VS code."

[lanegoolsby]

Colorblind person here. PLEASE make this change. The current color is near impossible to see for some of us.

[bpasero]

Closing as duplicate of #9819

[davnicwil]

@bpasero this issue isn't really a duplicate of #9819, in my opinion. Changing the color of the squiggles is an improvement, and a welcome change in v1.12, but I also want to add a background highlight to the error. Will there be more properties coming which allow for this?

[thomstark]

I'd like to be able to put a red background behind the Line Number on the left as well. It's easy to miss an error that is one character long, but if the line number takes a red background, that's impossible to miss.

[lostncg]

agree with @thomstark and Please

[tomholub]

I absolutely skip errors all the time, even when I know it's somewhere on the page - just cannot find it.

[stevage]

Please?

So hard to see a squiggle under a semicolon at the end of a line. One thing I really miss about Sublime and some of its linter plugins.

[methodbox]

I absolutely skip errors all the time, even when I know it's somewhere on the page - just cannot find it.

I usually have to use the marker on the scroll bar on the right (red line) to actually find it; it blends in too much.

MS - just make this configurable, like:

{
    "editer.lintConfig": {
        "lintStyle": "x"  //  An alternate style for the squiggle, maybe "squiggle, X's, asterisk, question marks
        "width":  15, //  line width
        "height": 10, //  height of the error design from point to point
        "foreground": "#f50000",
        "background": "rgba(255,105,180, 0.5)"
    }
}

It would be nice if we had some real hooks to write extensions for this. This is actually something I'd rather be able to target with an extension vs. just theming. It would be an extension worth the time of creating 🥇

[methodbox]

You guys have got to checkout this VS Code extension. This is better than I could have imagined to solve this issue:

https://marketplace.visualstudio.com/items?itemName=PhilHindle.errorlens

It's beautiful. Here's an example on a TypeScript Express server I where I have a ton of flags from TS:

[miguelsolorio]

You can now use the following color tokens to highlight the background color of errors/warnings/info in the editor:

• editorInfo.background
• editorWarning.background
• editorError.background

[davnicwil]

@misolori awesome work, thanks for this change!