Visual Studio Code: How To Disable Red Wavy Warning Underlines

Oof! Those red wavy error underlines can be annoying in VSCode.

The fastest way to find out is to watch this VSCode tutorial:

How to disable red wavy underlines in VSCode

In VSCode turning off errors and warnings underneath keywords isn’t straightforward. (at least at the time of writing this tutorial.)

First, there error warning engine in VSCode can recognize multiple languages. So you can easily disable wavy underlines for CSS error checks.

But there isn’t a simple way to do it for each different language individually.

So how to remove them completely? Follow these step by step guidelines:

First…open VSCode settings by hitting Ctrl + , on Windows.

(Or command + , on a Mac.)

Now navigate to upper right corner and click settings.json button.

"editorError.foreground": "#00000000",
"editorWarning.foreground": "#00000000",
"editorInfo.foreground": "#00000000",

If you don’t have workbench.colorCustomizations, you can add it into your existing settings.json file yourself. (Empty settings.json files are common after a new VSCode installation.)

So what was the solution?

The solution is to simply change the color of the underlines to a transparent HTML color, by adding two 00 to the end of the hexadecimal color value.

It doesn’t matter what color you set it to, as long as it has two trailing 00. Because HTML colors follow the pattern: RRGGBBAA, where AA is the alpha channel you want to tamper with.

So for example #ffffff00 this color is white with alpha transparency of 0, which is invisible. Setting this color to your error and underline property in settings.json will change ALL of your underlines to an invisible color. They’ll still be there, but you won’t be able to see them. And that’s as good as disabled.