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

Rainbow HTML

Chroma Wave

|
7 installs
| (0) | Free
Alternating rainbow colors for HTML tag delimiters and names to enhance complex nested HTML readability.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Rainbow HTML

Alternating rainbow foreground colors for HTML tag delimiters and tag names. Attributes and values remain untouched (uses theme's colors).

Features

  • Colors only <, >, optional /, and the tag name of each HTML element
  • Alternates through 6 rainbow colors (red, orange, yellow, green, blue, violet)
  • Works live as you type
  • Skips comments, doctype, and rawtext content (<script>, <style>) while still coloring their tags

Supported languages

  • html
  • javascript, typescript (limited: scans html... tagged template literals)
  • javascriptreact (JSX), typescriptreact (TSX)

Command

  • Rainbow HTML: Refresh (rainbow-html.refresh) — recompute decorations for the active editor

Installation

  • Open VSX: search for wumbl3.rainbow-html in compatible editors (e.g., VS Code OSS, VSCodium)
  • VS Code Marketplace: search for Rainbow HTML by wumbl3 (when published)

Development

npm install
npm run watch
# Press F5 in VS Code to run the Extension Development Host

License

MIT

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft