Colorized Brackets for IDE

By  on  

Coders treat their text editors and IDE's like fragile beings, and for good reason: we spend a ton of time in them and having our tweaks and extensions can make us incredibly productive for our personal workflows. I always love hearing about what extensions and workflows other developers use to see if I can put them to my own use.

That's why @Souvir may have changed my life with this tweet:

I have never put much thought into brackets but I've been using the Bracket Pair Colorizer extension in VSCode for a few days now and I'll never go without it. Those of use who work regularly with the mess that JSX can create will appreciate this extension even more!

Regardless of text editor or IDE you use, give a bracket colorizer extension a try -- if may help you to identify your blocks more quickly!

Recent Features

  • By
    From Webcam to Animated GIF: the Secret Behind chat.meatspac.es!

    My team mate Edna Piranha is not only an awesome hacker; she's also a fantastic philosopher! Communication and online interactions is a subject that has kept her mind busy for a long time, and it has also resulted in a bunch of interesting experimental projects...

  • By
    Regular Expressions for the Rest of Us

    Sooner or later you'll run across a regular expression. With their cryptic syntax, confusing documentation and massive learning curve, most developers settle for copying and pasting them from StackOverflow and hoping they work. But what if you could decode regular expressions and harness their power? In...

Incredible Demos

  • By
    Editable Content Using MooTools 1.2, PHP, and MySQL

    Everybody and their aerobics instructor wants to be able to edit their own website these days. And why wouldn't they? I mean, they have a $500 budget, no HTML/CSS experience, and extraordinary expectations. Enough ranting though. Having a website that allows for...

  • By
    Pure CSS Slide Up and Slide Down

    If I can avoid using JavaScript for element animations, I'm incredibly happy and driven to do so.  They're more efficient, don't require a JavaScript framework to manage steps, and they're more elegant.  One effect that is difficult to nail down with pure CSS is sliding up...

Discussion

  1. I love VSCode and actually built one of the top five themes on the marketplace (called Shades of Purple) — but having multi-colored brackets just messes with my head lol. It makes the syntax look weird.

    Don’t get me wrong, I get that it helps but this is a bit out there for me having such a weird colorful syntax. What are your thoughts on that?

    Looking forward, peace! ✌️

  2. BryanYang

    it’s exactly a nice tool.

  3. There is actually a version 2 available.
    https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2

    And if you use it in combination with Solarized Light you may be interested in these color settings for it:
    https://twitter.com/daKmoR/status/1084509886048804866

  4. Alex

    The default colors won’t look as nice if you’re using a light theme on a dim screen.
    Still over 3M downloads and this is the first time I head about this extension.

  5. Erez

    Holy hell… mind = blown! This was probably the most helpful blogpost I have read in a while

  6. Has anybody come across something similar for Brackets or Coda?

Wrap your code in <pre class="{language}"></pre> tags, link to a GitHub gist, JSFiddle fiddle, or CodePen pen to embed!