Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to turn off "matching" highlighting in VS Code?

I don't want Visual Studio Code to highlight matching brackets, all occurrences of the same variable, etc. I find it very distracting. However, I can find no way to disable this feature.

The only highlight options I seem to be able to change are "editor.selectionHighlight" and "editor.renderLineHighlight", and neither work.

Is it possible to disable "matching highlighting"? Or maybe to edit my theme, so that the highlight color and highlight border are the same as the background color?

like image 424
VTGroup Avatar asked Sep 29 '16 16:09

VTGroup


People also ask

How do I turn off highlighting in VS Code?

You can enable / disable semantic highlighting in the VS Code settings. Press F1 to open the command window, and then enter "Open Settings (UI)". Search "semantic" to find the Editor>Semantic Highlighting item . Set the value to true to enable semantic highlighting; otherwise set it to false .

How do I change syntax highlighting in VS Code?

To change the text and syntax colors in visual studio code follow the steps given below: Open VS Code editor to change the syntax colors. Go to Settings, which is on the bottom left corner of the VS Code window. In the search field type JSON, and click on the 'Edit in settings.

What is semantic highlighting VS Code?

Semantic Highlighting is a revolutionary way of highlighting code not by syntax selectors or token names, but by variable names. In this way, a variable fun would be colored the same no matter where it appeared in the code.


4 Answers

There are different types of highlighting:

1. Syntax highlighting (place cursor inside variable)

enter image description here

"editor.occurrencesHighlight": false 

2. Selection highlighting (similar chunks in document)

enter image description here

"editor.selectionHighlight": false 

3. Matching brackets highlighting

"editor.matchBrackets": false 

There's a second way - make them less obtrusive (or completely transparent):

"workbench.colorCustomizations": {     "editor.selectionHighlightBackground": "#0000", // similar selection     "editor.selectionHighlightBorder": "#0000",      "editor.wordHighlightStrongBackground": "#0000", // syntax variable assignment     "editor.wordHighlightStrongBorder": "#0000",      "editor.wordHighlightBackground": "#0000", // syntax variable     "editor.wordHighlightBorder": "#0000",      "editorBracketMatch.border": "#0000",// brackets     "editorBracketMatch.background": "#0000", } 
like image 136
Alex Avatar answered Sep 30 '22 12:09

Alex


Try this one "editor.matchBrackets": false in your Preferences - User/Workspace setting

image here

like image 35
Ashraf Farhan Avatar answered Sep 30 '22 13:09

Ashraf Farhan


Try going to Preferences-> User Settings
In the settings.json to the right add:

"editor.selectionHighlight": false
like image 39
Mayco Anderson Avatar answered Sep 30 '22 12:09

Mayco Anderson


"Occurrences Highlight" is the setting you are looking for.

like image 23
Shivam Tomar Avatar answered Sep 30 '22 12:09

Shivam Tomar