Change squiggly line color under warnings in VSCode

The answers here talk about changing the color for all kind of errors (not just from the eslint).

I'm not sure this is what intended (at least I didn't want it to behave like that).
I wanted to show all JS errors in red but all ESLint errors in orange (as warnings).

The way to do it is by editing eslint.rules.customizations at the settings:

  "eslint.rules.customizations": [
    { "rule": "*", "severity": "warn" },
  ]

See more info at the ESLint plugin homepage


VSCode v1.17 added the ability to set the color of warnings ("squiggles") and info:

Modify warning and info squiggles.

"workbench.colorCustomizations": {
  "editorWarning.foreground": "#ff0",
  "editorInfo.foreground": "#00f"
}

[This answer Also added to squiggles for TSLint]


You probably want to customize your eslint config to set these as warnings instead of errors. But if you want to change the color of all error squigglies in the app, this works for me:

"workbench.colorCustomizations": {
    "editorError.foreground": "#00ff00"
}