Inteligently colors all tag pairs in your file with a smart denylist containing meta, self-closing and non-paired tags - also functions with custom tags!
Example - Text color mode
Example - Background color mode
Example - Border color mode
Configuration
A list of color-string determining your chosen colors for the tags - supports alpha channel and can be of any length (depth).
Example:
{
"rainbowTags.colors": ["#d26", "red", "rgba(100, 200, 100, 0.5)"]
}
Determines the chosen style for the hightlighting of the tags.
Allowed values: color, background-color and border
Example:
{
"rainbowTags.hightlightType": "color"
}
Allows the extension to hightlight any tag-like structure in any file at all times - can be useful for some unsual file-editing or just outright obnoxious when working with something like TypeScript types.
By default set to false.
Allowed values: true or false
Example:
{
"rainbowTags.allowEverywhere": true
}
A list of language IDs affected by this extension.
Example:
{
"rainbowTags.supportedLanguages": ["html", "xml", "vue"]
}
A list of tags excluded from coloring.
Example:
{
"rainbowTags.denylistTags": ["html", "head", "body"]
}
Credits
Authors:
Contributors:
