Skip to content

Help make the extensions Marketplace better for everyone. Take this survey!

| Marketplace
Sign in
Visual Studio Code>Other>indent-rainbow-blocksNew to Visual Studio Code? Get it now.
indent-rainbow-blocks

indent-rainbow-blocks

Gabrielgod1

|
677 installs
| (1) | Free
Enhance your code readability with 'indent-rainbow-blocks'. Dive into your nested structures with ease and visualize your code's structure at a glance.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

indent-rainbow-blocks README

"indent-rainbow-blocks" is a Visual Studio Code extension that adds a colorful background to the indentation blocks in your code. This feature allows you to quickly visualize and navigate your code structure.

Features

  • Colorful Indentation Blocks: Adds a rainbow of colors to your code's indentation. The colors change with each level of indentation, making it easy to distinguish between different levels.

  • Customization: Change the colors used for indentation blocks and the style according to your preferences.

    • Coloring example (default and custom):
    Default color Custom color
    • Style example (line and fall):
    Line style Fall style
      Note: The images above are just examples. Try the extension to see different colors in action!
    
  • P/M languages supported: As long as the typing involves indentation, the extension will be compatible. This includes HTML, CSS, Javascript, Python, GoLang (Go), JSON, among others.

Requirements

  • Visual Studio Code

Extension Settings

This extension contributes the following settings:

  • indentRainbowBlocks.colors: An array of RGBA color strings that define the colors used for indentation blocks.
  "indentRainbowBlocks.colors": [
      "rgba(0, 0, 0, 0)",
      "rgba(255, 0, 0, 0.15)",
      "rgba(0, 255, 0, 0.15)",
      "rgba(0, 0, 255, 0.15)"
  ],
  • indentRainbowBlocks.style: Determines the coloring style, either 'line' for full line background color or 'fall' for coloring only the indentation.
  "indentRainbowBlocks.style": "line"

Known Issues

None at the moment. Please report any issues you find on the GitHub repository.

Release Notes

0.0.2

  • Enhanced coloring: Indentations and text are now colored based on the active indent formatter (tab or space).

  • Added dynamic indentation detection: Recognizes changes made either in the settings or via the status bar in real time.

0.0.1

  • Initial release of "indent-rainbow-blocks". It includes color and style customizations.

  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2023 Microsoft