CODEWITHSUNDEEP
visual-studio-code
charles
charles

Reputation: 119

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

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:

example

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?

Upvotes: 4

Views: 1376

Answers (1)

jabacchetta
jabacchetta

Reputation: 50068

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

Upvotes: 5

Related Questions