How to change styling of currently selected line in Visual Studio Code

Question

I updated Visual Studio Code and the appearance of the currently selected line of code in the editor window has changed and now looks like this:

I tried searching online and reading their documentation, but it is not clear how to change the appearance of the highlighted line. I would like it to be one consistent color, it currently looks like a 1.5px outline. Does anyone know how to change this in the user settings file?

Answer 1

The outline is coming from the editor.lineHighlightBorder setting. In your user or workspace settings, add the following properties and then experiment with the colors until they match your preferences.

"workbench.colorCustomizations": {
  "editor.lineHighlightBorder": "#222",
  "editor.lineHighlightBackground": "#222",
}

If you prefer, you can ensure the settings only apply to a specific theme:

"workbench.colorCustomizations": {
  "[Material Theme High Contrast]": {
    "editor.lineHighlightBorder": "#222",
    "editor.lineHighlightBackground": "#222",
  }
}