Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Rainbow TagsNew to Visual Studio Code? Get it now.

Rainbow Tags

voldemortensen

|
141,692 installs
| (5) | Free
Rainbow Tags
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

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:

  • Garth Mortensen

Contributors:

  • Elvanos (GitHub) / Elvanos (GitLab)
  • Andr3wRiv3rs
  • Mathieu Galle
  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2023 Microsoft