YAMLetMeSee
A Visual Studio Code extension that highlights indentation in YAML files to make it easier to track nested structures.
Features
- 🎨 Colored Indentation Guides: Different colors for different indentation levels
- ✨ Smart Block Highlighting: Active block highlights when cursor is on a line
- ⚙️ Fully Customizable: Configure colors and opacity for both active and inactive guides
- 🚀 Real-time Updates: Updates as you edit and navigate
- 💡 Lightweight: Optimized to prevent flickering
Usage
Simply open a YAML file and the extension will automatically show colored vertical indentation guides. When you place your cursor on a line, the relevant indentation block is highlighted.
Configuration
The extension provides the following settings:
| Setting |
Type |
Default |
Description |
yamletmesee.enabled |
boolean |
true |
Enable/disable the extension |
yamletmesee.indentationColors |
array |
See below |
Colors for each indentation level (hex format) |
yamletmesee.inactiveOpacity |
number |
0.08 |
Opacity for inactive guides (0-1) |
yamletmesee.activeOpacity |
number |
0.4 |
Opacity for active/highlighted guides (0-1) |
Default Colors (Rainbow)
["#ff0000", "#ff8000", "#ffff00", "#00ff00", "#0080ff", "#8000ff"]
(Red → Orange → Yellow → Green → Blue → Purple)
Example Configuration
{
"yamletmesee.enabled": true,
"yamletmesee.indentationColors": [
"#00ff00",
"#ff00ff",
"#00ffff",
"#ffff00"
],
"yamletmesee.inactiveOpacity": 0.1,
"yamletmesee.activeOpacity": 0.5
}