https://github.com/tal7aouy/vscode-rainbow-brackets

🌈 Rainbow Brackets for Visual Studio Code
https://github.com/tal7aouy/vscode-rainbow-brackets

brackets-extension java javascript python rainbow-brackets typescript visual-studio-code visual-studio-extension vscode vscode-extension

Last synced: 13 days ago
JSON representation

🌈 Rainbow Brackets for Visual Studio Code

• Host: GitHub
• URL: https://github.com/tal7aouy/vscode-rainbow-brackets
• Owner: tal7aouy
• License: mit
• Created: 2022-03-01T10:54:01.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2022-05-01T14:42:15.000Z (almost 3 years ago)
• Last Synced: 2025-03-27T02:51:16.461Z (about 1 month ago)
• Topics: brackets-extension, java, javascript, python, rainbow-brackets, typescript, visual-studio-code, visual-studio-extension, vscode, vscode-extension
• Language: TypeScript
• Homepage:
• Size: 354 KB
• Stars: 44
• Watchers: 4
• Forks: 6
• Open Issues: 7
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  


    

  



 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.




     

     

     

    



---

- [Supported languages](#supported-languages)

- [Author's choice](#authors-choice)

- [Install](#install)

- [Screenshots](#screenshots)

- [Settings](#Settings)

- [Commands](#Commands)

- [HTML Configuration](#HTML_Configuration)

- [Release Notes](#CHANGELOG)

- [Issues Suggestions](#Issues&Suggestions)

## 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](https://www.monolisa.dev/) (Font)

## install

1. Open the extensions sidebar on Visual Studio Code

1. Search for **Rainbow Brackets**

1. Click Install

1. Click Reload to reload your editor

1. 🌟🌟🌟🌟🌟 Rate five-stars 😃

## Screenshots

- Python

![](./images/python.png)

![](./images/rainbow.png)

- Typescript

![](./images/typescript.png)

- Vue

![](./images/vue.png)

## Settings

```json

// default is 200

"RainbowBrackets.timeOut":200

```

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

> Set to 0 to disable.

```json

"RainbowBrackets.forceUniqueOpeningColor": true | false

```

> ![Disabled](images/forceUniqueOpeningColorDisabled.png "forceUniqueOpeningColor Disabled") > ![Enabled](images/forceUniqueOpeningColorEnabled.png "forceUniqueOpeningColor Enabled")

```json

"RainbowBrackets.forceIterationColorCycle": true

```

> ![Enabled](images/forceIterationColorCycleEnabled.png "forceIterationColorCycle Enabled")

### Commands

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

`"rainbow-brackets.expandBracketSelection"`  

`"rainbow-brackets.undoBracketSelection"`

Quick-start:

```json

	{

		"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:

```json

    "RainbowBrackets.consecutivePairColors": [

    "()",

    "[]",

    "{}",

    ["teal", "yellow", "tomato"],

    "Revioletd"

  ]

```

`settings.json`

```json

{

  "editor.RainbowBrackets.enabled": true,

  "editor.guides.bracketPairs": "active"

}

```

Screenshot:  

![Screenshot](images/example.png "Rainbow Brackets")

---

## Features

### User defined matching characters

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

---

## [CHANGELOG](CHANGELOG.md)

---

## Issues&Suggestion

For any issues or suggestions, please use [GitHub issues](https://github.com/tal7aouy/RainbowBrackets/issues).