I've recently returned to using VSCode after a long break. It seems that after updating, the syntax highlighting colours have changed to this:
From this:
Does anybody know how to achieve the look in the second image? I really can't stand the inconsistent brace colouring. If this isn't a change made in updates and I'm doing something wrong, please let me know
It appears you want to disable the bracket pairs colorization.
Here's a blog post from the VSCode team, talking about this new highlighting feature introduced recently : https://code.visualstudio.com/blogs/2021/09/29/bracket-pair-colorization
To do so, set the following settings to false :
"editor.bracketPairColorization.enabled": false,
"editor.guides.bracketPairs": false,
I ran into this issue recently and I think the problem is caused by the Language Mode that VS Code used based on the language it detects.
I was using Auto Detect and I realized I should have been explicitly setting the language to Javascript using the button in the bottom right corner of the editor.
Bracket pair colorization will be preserved, but the syntax highlighting will change to what you expect.
Finally, Javascript seams to be the best, but Auto Detect may select Typescript or JSX where the Language mode is different.
Note: I think primitives, objects, and reserved words are hightlighted uniquely. It's helpful once you realize it.
I hope this helps someone else.
Helpful Images:
