A lightweight, high-contrast VS Code extension that colorizes curly brackets { } in vivid dark-mode-optimized rainbow colors based on nesting depth, and highlights the active bracket pair around your cursor.
⚡ Features
7 Dark-Mode-Optimized Neon Rainbow Colors: Automatically cycles through high-contrast rainbow colors (#FF55E6, #C490FF, #00E5FF, #00FF87, #FFEE55, #FF9E3B, #FF5555) for each nesting level, with a subtle matching background glow.
Active Pair Highlighting: The { ... } pair surrounding your cursor is highlighted with a crisp colored border in its own rainbow color so you can immediately see which brackets belong together.
Smart Parsing: Ignores brackets inside string literals ("...", '...', `...`) and comments (// and /* ... */) so colors never get out of sync.
Fully Configurable:
rainbowBrackets.enabled (true by default): Enable or disable rainbow bracket colorization.
rainbowBrackets.onlyCurlyBraces (true by default): Only colorizes curly braces {} by default (set to false if you also want () and []).
rainbowBrackets.colors: Customize the array of hex colors used for each nesting level.
⌨️ Commands
Bille's rainbow brackets: Toggle On/Off (rainbowBrackets.toggle) — Quickly toggle rainbow brackets on or off from the Command Palette (Ctrl+Shift+P / Cmd+Shift+P).
Bille's rainbow brackets: Buy Me a Coffee ☕ (rainbowBrackets.buyMeACoffee) — Open the Buy Me a Coffee page in your browser.
☕ Support the Project
If Bille's Rainbow Brackets makes your daily coding workflow in VS Code cleaner and more enjoyable, please consider buying me a coffee!
Every contribution is deeply appreciated and fuels new features, bug fixes, and continuous updates. Thank you! 💙