cannot add "backgroundColor" about vscode-highlight-matching-tag

[vincaslt]

Yes it is, but you must write the rules in caps lock - "backgroundColor": "yellow", and reload/restart vscode after.

[madebyaris]

hi @vincaslt thank you for your awesome answer,
I already tested it and it worked.

---

I think I misunderstood it, so I want to make <tag> </tag> in yellow color, is it impossible ? or maybe you can suggest me with something closer like this 👍

[vincaslt]

See if maybe this will be what you want:

"highlight-matching-tag.leftStyle": false,
"highlight-matching-tag.rightStyle": false,
"highlight-matching-tag.style": {
    "backgroundColor": "yellow"
}

This should highlight the whole tags, but not the text/elements inside the tag, if that's what you want as well, I'm afraid you can't do that currently.

Also vscode adds it's own highlighting on top of the elements, and I'm yet to find how to disable it when using .style

[madebyaris]

awesome, that's what I looking for. thank you.

here's some example how to do that (incase someone didn't understand how to do it )
https://gist.github.com/madebyaris/ce062af77dc0669bcd45c3a30c76b635

[LoDef]

Worth mentioning is that it works with RGBA values as well

"highlight-matching-tag.style": {
      "backgroundColor": "rgba(255,255,200,0.3)" 
}