如何为VSCode的输出面板添加自定义颜色

Question

I have installed the Output Colorizer extension for VSCode. However, there aren't any instructions for it that I could find. All I know is the extension creates "text/log", "text/x-log", "text/x-code-output", "x-code-output" mime-types.. which would allow me to specify custom colors for specific scopes that affect the Output Panel. All I've done is install the Output Colorizer extension.

What can I put in my settings.json file in order to override the text colors for the VSCode's Output Panel (in the screenshot below)? I do not want to change my current "black" Panel background color, only the text color in this panel without affecting the text in the Editor pane . I can change the dark red color below, but not without changing the color for the strings scope for all languages.

Answer 1

The colorizer extension just uses regular expressions to parse strings/numbers/quotes/dates/etc... and uses the default styles from your selected VS Code theme and applies them.

You can see the mapping of regex to the theme's css styles here: https://github.com/IBM-Cloud/vscode-log-output-colorizer/blob/master/src/syntaxes/log.tmLanguage#L14

For example, dates will be given the constant.numeric style:

<dict>
    <!-- Date MM/DD/(YY)YY -->
    <key>match</key>
    <string>\b(((0|1)?[0-9][1-2]?)|(Jan(uary)?|Feb(ruary)?|Mar(ch)?|Apr(il)?|May|Jun(e)?|Jul(y)?|Aug(ust)?|Sept(ember)?|Oct(ober)?|Nov(ember)?|Dec(ember)?))[/|\-|\.| ]([0-2]?[0-9]|[3][0-1])[/|\-|\.| ]((19|20)?[0-9]{2})\b</string>
    <key>name</key>
    <string>constant.numeric</string>
</dict>

Unfortunately, this extension does not allow you to specify your own styles or rules, but I'll keep that in mind as a new feature request.

(I am the extension author).