如何为 VSCode 的输出面板添加自定义着色答案

【问题标题】：How do I add a custom colorization for VSCode's Output Panel如何为 VSCode 的输出面板添加自定义着色
【发布时间】：2019-09-16 18:21:56
【问题描述】：

我已经为 VSCode 安装了 Output Colorizer 扩展。但是，我找不到任何关于它的说明。我所知道的是扩展创建“text/log”、“text/x-log”、“text/x-code-output”、“x-code-output”mime-types..这将允许我指定自定义影响输出面板的特定范围的颜色。我所做的就是安装输出着色器扩展。

我可以在我的 settings.json 文件中添加什么来覆盖 VSCode 输出面板的文本颜色（在下面的屏幕截图中）？我不想更改我当前的“黑色”面板背景颜色，只更改此面板中的文本颜色而不影响编辑器窗格中的文本。我可以更改下面的深红色，但不能不更改 all 语言的 strings 范围的颜色。

【问题讨论】：

标签： visual-studio-code syntax-highlighting tmlanguage

【解决方案1】：

着色器扩展只使用正则表达式来解析字符串/数字/引号/日期/等...并使用您选择的 VS Code 主题中的默认样式并应用它们。

您可以在此处查看正则表达式到主题 css 样式的映射： https://github.com/IBM-Cloud/vscode-log-output-colorizer/blob/master/src/syntaxes/log.tmLanguage#L14

例如，日期将被赋予constant.numeric 样式：

<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>

很遗憾，此扩展程序不允许您指定自己的样式或规则，但作为新功能请求，我会牢记这一点。

（我是扩展作者）。

【讨论】：

谢谢安德鲁。有没有办法将上述示例样式仅应用于输出面板（而不是编辑器窗格）？