pushqrdx / vscode-inline-html

🎨 Adding Syntax Highlighting, Emmet, IntelliSense support for ES6 Template Strings in Visual Studio Code.
https://marketplace.visualstudio.com/items?itemName=pushqrdx.inline-html
GNU General Public License v3.0
54 stars 15 forks source link

Varied colors in nested template placeholders #28

Closed dev-nicolaos closed 2 years ago

dev-nicolaos commented 2 years ago

First of all, thanks for your work on this extension, its awesome.

I'm not actually sure if this is a bug, but it seemed odd so I thought I'd document it here.

Here's the relevant example (all of this is within an /* html */ template literal.

image

Its interesting that there a 3 different colors used across the 4 instances of ${. I've observed this with different themes applied, the screenshot is with VS Code's default dark theme.

pushqrdx commented 2 years ago

@dev-nicolaos if you're talking about the colors of the actual ${} blocks, that's just a new feature that vscode added a while back, it's basically built-in rainbow brackets, it highlights every level of brackets with a different color for readability, but you can disable it in settings > bracketPairColorization

dev-nicolaos commented 2 years ago

Ahh, interesting. I wouldn't have expected that feature to apply in this context. That makes sense though, thanks for the explanation.