Change color of unused variable/imports

Question

VS Code now greys out unused variable/imports. Is there a way to change the color? As the grey conflicts with the theme I am using.

The theme I am using (Blueprint) uses the same color for object keys.

Answer 1

There are two options:

and you can change it via Code > Preferences > Settings > settings.json like:

"workbench.colorCustomizations": {
  "editorUnnecessaryCode.border": "#0000ff"
}

but it does not look well. If you want to achieve a satisfying solution, you can add a new css class into workbench.desktop.main.css (that's a hack!):

.monaco-editor.showUnused .squiggly-inline-unnecessary {
  opacity: 0.8;
  border-bottom: 1px dotted red;
  color: red;
}

It would then look like (Input and router are unused):

Unfortunately, you have to look for the file here: /Applications/Visual Studio Code.app/Contents/Resources/app/out/vs/workbench/workbench.desktop.main.css; it is a part of the official release:

VSCode shows you a notification after your modification that your installation may be corrupt but you can ignore this message.