Change error highlight color in vs code

Question

I build a project and get some problems in the "Problems view", I click on the problem to see a line of code with that problem highlighted.

And it gets highlighted indeed. However, if dark-styled theme is used, highlight is, for me at least, really hard to notice (line 23 is highlighted):

I guess this color can't be simply hard-coded somewhere since it's different in, for example, red theme and light-styled themes:

Is there a way to change this color?

UPD: This question is not a duplicate of "change the error style"; error style (squiggle) applies to all errors at once, my question is about highlighting only the selected error.

@Alex yes. Sorry if my way of saying it was not very clear. – Amomum May 09 '17 at 17:01 — Amomum, May 09 '17 at 17:01

score 15 · Accepted Answer · edited Dec 24 '17 at 15:02

15

Apparently, you can actually change it without using an extension. I created an issue and got the answer that this color is called editor.rangeHighlightBackground and you can override it in your User Settings (settings.json) by:

{
    "workbench.colorCustomizations": {
        "editor.rangeHighlightBackground": "#00AA00"
    }
}

To open User Settings just use Cmd+, on mac or Ctrl+, on windows

edited Dec 24 '17 at 15:02

Josh Unger

6,717
6
33
55

answered May 10 '17 at 15:10

Amomum

6,217
8
34
62

Seems better than using extentions. Any way one can change transparency level in this setting? – Alex May 10 '17 at 18:51
@Alex this setting accepts color with alpha-channel. – Amomum May 11 '17 at 12:26
Whoa! In this case change accepted answer, because obviously your solution is better. – Alex May 11 '17 at 12:56
@Alex I had to wait before SO let me do it :) – Amomum May 12 '17 at 20:02
1

Editor colors in official docs: https://code.visualstudio.com/docs/getstarted/theme-color-reference#_editor-colors – German Lashevich Mar 06 '18 at 20:49

score 11 · Answer 2 · answered Dec 18 '20 at 07:10

A wrapup answer:

For VS Code 1.52+ You can use this snippet to customize error colors:

"workbench.colorCustomizations": {
     "editorError.background": "#ff80ab66",
     "editorError.foreground": "#d50000",
}

Available properties: https://code.visualstudio.com/api/references/theme-color

score 5 · Answer 3 · answered Dec 07 '20 at 07:41

5

Check if you can apply a different theme with VSCode 1.52 (Nov. 2020), considering the new feature:

Error background colors

Theme authors can now leverage new theme colors for errors in the editor.

Edior errors, warnings, and infos can now be styled via:
editorError.background
editorWarning.background
editorInfo.background

answered Dec 07 '20 at 07:41

VonC

1,262,500
529
4,410
5,250

This is cool, I really want to know what is the exact color and alpha value used in the doc. Designers are much better at picking a desirable color. – Sean Dec 18 '20 at 07:03
1

@Sean From the PR (https://github.com/microsoft/vscode/pull/110112/files), you can see colors in https://github.com/microsoft/vscode/blob/2b9ae05554e2b3105b22d3cf0452ae3b85f1987b/src/vs/platform/theme/common/colorRegistry.ts#L246-L248 – VonC Dec 18 '20 at 07:11

Change error highlight color in vs code

3 Answers3

Error background colors

Linked