Skip to content

tal7aouy/vscode-rainbow-brackets

Repository files navigation


logo

Rainbow Brackets

This extension allows matching brackets to be identified with colours. The user can define which characters to match, and which colors to use.

VersionΒ  RatingΒ  InstallsΒ  Downloads


Supported languages

Java, Scala, Clojure, Kotlin, Python, Haskell, Agda, Rust, JavaScript, TypeScript, Erlang, Go, Groovy, Ruby, Elixir, ObjectiveC, PHP, HTML, XML, SQL, Apex language, C#, Dart, Pug/Jade, Bash, Vue.js, C# Razor Pages, GLSL(the OpenGL Shading Language), Go Template, C++, C...

Author's choice

Rainbow Brackets + Theme + Error Lens +Monolisa (Font)

install

  1. Open the extensions sidebar on Visual Studio Code
  2. Search for Rainbow Brackets
  3. Click Install
  4. Click Reload to reload your editor
  5. 🌟🌟🌟🌟🌟 Rate five-stars πŸ˜ƒ

Screenshots

  • Python

  • Typescript

  • Vue

Settings

// default is 200
"RainbowBrackets.timeOut":200

Configure how long the editor should be idle for before updating the document.

Set to 0 to disable.

"RainbowBrackets.forceUniqueOpeningColor": true | false

Disabled > Enabled

"RainbowBrackets.forceIterationColorCycle": true

Enabled

Commands

These commands will expand/undo the cursor selection to the next scope

"rainbow-brackets.expandBracketSelection"
"rainbow-brackets.undoBracketSelection"

Quick-start:

	{
		"key": "shift+alt+right",
		"command": "rainbow-brackets.expandBracketSelection",
		"when": "editorTextFocus"
	},
	{
		"key": "shift+alt+left",
		"command": "rainbow-brackets.undoBracketSelection",
		"when": "editorTextFocus"
	}

HTML_Configuration

An example configuration for HTML is:

    "RainbowBrackets.consecutivePairColors": [
    "()",
    "[]",
    "{}",
    ["teal", "yellow", "tomato"],
    "Revioletd"
  ]

settings.json

{
  "editor.RainbowBrackets.enabled": true,
  "editor.guides.bracketPairs": "active"
}

Screenshot:
Screenshot


Features

User defined matching characters

By default (), [], and {} are matched, however custom bracket characters can also be configured.



Issues&Suggestion

For any issues or suggestions, please use GitHub issues.