Separate colors for braces and brackets

[mavam]

Would it be possible to make colors for braces and brackets separately configurable? Arrays and objects are quite different, and we have a use case where we want to make it visually clearer.

[zerodevx]

Not without updating the code I'm afraid. I'll add support.

[zerodevx]

Hey! It's now possible from v1.0.6 like so:

<div class="wrap">
  <JsonView {json} />
</div>

<style>
  .wrap {
    --jsonBracketColor: blue; /* curly brackets */
  }
  .wrap :global(.isArray) {
    color: red; /* square brackets */
  }
</style>

[mavam]

Awesome, thanks a bunch! 🙏