Defining colors in the Custom Previewer Tab

[wabiloo]

Is there a way to assign colors to the Custom Previewer Tab?

In my use case, the response body is a complex JSON object, and I'd like to show a text-based overview of its content.
It works great (and I was pleasantly surprised to see that if using indentation, the tab automatically offers a way to collapse them, super useful!)

What would be even better is if I could define colors to highlight specific things (eg. difference between keys and values in my screenshot). Is that possible today somehow?

[NghiaTranUIT]

@wabiloo Sorry, the customize tab currently doesn't support custom syntax highlighting.

If we have more requests for this change, we will implement it 👍

---

To workaround, you can write your syntax highlighting for VSCode, then open the file with VS Code

[NghiaTranUIT]

If you want to use built-in JSON syntax highlight, you should build your body as a JSON. it will work

[wabiloo]

Does the custom tab assume JSON then?
No way to push HTML to it and have it rendered (which would give me another way)?

[NghiaTranUIT]

For now, it tries to parse the content. If it can parse to the JSON, it will be rendered as a JSON with correct syntax highlighting. Otherwise, it renders as plain text.

We can support some built-in syntax highlighting from Monaco Editor, such as HTML, CSS, XML, .... which is easy to do.

To support customize syntax highlighting, it's more difficult because I need to compile the Monaco Editor at built time, including all available syntax.