Prism Brackets – Rainbow Bracket Highlighter for VS Code

Fast, zero-lag rainbow bracket highlighting with scope visualization, vertical guides, and smart parsing.

🌈 Prism Brackets

Advanced rainbow bracket highlighting with glow, multi-language support, and smart parsing.

Improve readability • Reduce errors • Code faster

✨ Clean code starts with clear brackets

🚀 Overview

Prism Brackets enhances your coding experience with:

• 🌈 Depth-based rainbow bracket highlighting
• 🎨 Advanced color system (less repetition, better spacing)
• 🌗 Theme-aware colors (auto adapts to dark/light themes)
• ✨ Glow effect for enhanced visibility
• 🎯 Matching bracket highlight
• ⚡ Real-time updates while typing
• 🔘 Enable/Disable toggle (status bar)
• 🧠 Smart parsing (ignores strings & comments)
• 🎯 Focus Mode (dim non-active code & highlight current scope)

Designed for clarity, performance, and developer productivity.

🌍 Supported Languages

• JavaScript / TypeScript
• Python
• HTML / JSON
• SQL
• C / C++
• Java
• PHP / Laravel Blade (partial)

🖼️ Preview

Main Showcase

Nested Depth Highlight

Mixed Brackets

Focus Mode

Example

function example() {
  return 1 + 2 * (3 + 4 * (5 + 6));
}

Installation

ext install Naveendev.prismbrackets

Contributing

git clone https://github.com/thephotogenicbug/prismbrackets.git
cd prismbrackets
npm install
npm run watch

Project Structure

src/
├── commands/
│   └── toggle.ts          # Enable/disable + glow toggle commands

├── decorations/
│   └── decorations.ts     # VS Code decoration creation & management

├── features/
│   ├── colorize.ts        # Core bracket coloring logic
│   └── match.ts           # Matching bracket highlight logic

├── utils/
│   ├── colors.ts          # Color generation (theme-aware)
│   ├── debounce.ts        # Performance optimization
│   └── languageConfig.ts  # Language-specific parsing rules

├── extension.ts           # Entry point (activation + listeners)
├── state.ts               # Global state (enabled, glow)

Made with ❤️ by Naveen