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"
}