Skip to content

aanari/rainbow-tags

Repository files navigation

Rainbow Tags

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

Example - Background color mode

Example

Example - Border color mode

Example

Configuration

Tag colors - rainbowTags.colors

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)"]
}

Coloring style - rainbowTags.hightlightType

Determines the chosen style for the hightlighting of the tags.

Allowed values: color, background-color and border

Example:

{
  "rainbowTags.hightlightType": "color"
}

Switch for unsupported languages - rainbowTags.allowEverywhere

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
}

Supported languages - rainbowTags.supportedLanguages

A list of language IDs affected by this extension.

Example:

{
  "rainbowTags.supportedLanguages": ["html", "xml", "vue"]
}

Excluded tags - rainbowTags.denylistTags

A list of tags excluded from coloring.

Example:

{
  "rainbowTags.denylistTags": ["html", "head", "body"]
}

Credits

Authors:

Contributors:

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Sponsor this project

Packages

No packages published