Same color if/else/for/while/switch statement's parentheses and its first curly brackets

You should Star this repo before you create a issue, thanks for your support 😁 Done!

Expected Behavior

• The first curly brackets should have the same color as the parentheses: (screenshot from VS Code)

Current Behavior

• The first curly brackets have a different color from the parentheses: (screenshot from WebStorm)

Possible Solution

The plugin could keep count of the block-level and use the same color for each level. In the example the yellow block-level started with ( and was closed with ) so the next set of braces are at the same block-level, thus can reuse the yellow color.

Or perhaps it’s easier to just hardcode this rule for these type of statements.

Code snippet for reproduce (for bugs)

if (foo === "bar") {
  // curly braces get the same color as the parentheses
}

Your Environment

• Plugin version: 5.0-RC3
• IDEA version: WebStorm 2018.1 EAP, WS-181.4096.25, built on March 8, 2018
• Operating System and version: macOS 10.13.x

[Alexsey]

I mean that with this change to determine what should be the color of the bracket just knowledge about the color of the closest bracket of the same type would not be enough - it would require also to take the color of different brackets in to account as well. Now consider that brackets of the same type should have the same color

function foo () { // blue
  if (bar) return // blue
  if (baz) { // this one should be orange. And this should also change the color of the first "if"
    ...
  }
}

[izhangzhihao]

I’m going to close this issue, feel free to re-open it or raise a new one if you have any issue.