有什么方法可以在VScode中更改注释的背景颜色吗?

时间:2019-11-16 03:46:18

标签: visual-studio-code

我想更改评论的颜色,以便突出显示。我更喜欢在大多数情况下更改背景颜色。我在setting.json中找到了颜色设置。看起来像这样。

"editor.tokenColorCustomizations": {
    "textMateRules": [
        {
            "scope": "comment",
            "settings": {
                "fontStyle": "bold",
                "foreground": "#FFD83B"
            }
        }
    ]
}

它确实发生了变化,但似乎“设置”中没有“背景”选项。它说:“当前不支持令牌背景色。” 因此我只能更改文本颜色,不能更改背景。有什么办法可以在VSCode中设置注释的背景颜色?

1 个答案:

答案 0 :(得分:1)

没有任何内置方法。您可以浏览扩展名-搜索comment-看看其中是否有扩展名。

或者,执行此操作的一种方法是使用诸如highlight之类的扩展名。您可以使用正则表达式来设置任何样式。在settings.json中:

"highlight.regexes": {

 "(//\\s*)(\\sTODO\\s)(\\s*?:?)(.*)": [
   {},
   {
    "overviewRulerColor": "#ffcc00", // does this work?
    // "backgroundColor": "#aaa",
    "color": "#fff",
    "fontWeight": "bold",
    "letterSpacing": "2.5px",
    "outline": "1px solid #aaa",
    // "border": "1px solid #fff",
    // "before": {
    //   "backgroundColor": "#fff",
    //   "contentText": " *** ",
    //   "fontWeight": "bold",
    //   "margin": "10px"
    //   // "width": "20px"
    // }
   },
   {},
   {
    "color": "#999",
    "fontStyle": "italic",
    "letterSpacing": "1px"
   }
 ],

 "(//\\s*)(-+\\s+//)": [
   {
    "color": "#000",
    "backgroundColor": "#aaa",
    "outline": "2px solid #aaa",
    "fontWeight": "bold",
   },
   {
    "overviewRulerColor": "#ffcc00",
    "backgroundColor": "#aaa",
    "color": "#000",
    "fontWeight": "bold",
    // "letterSpacing": "2.5px",
    "outline": "2px solid #aaa",
    // "border": "1px solid #fff",
    // "before": {
    //   "backgroundColor": "#fff",
    //   "contentText": " *** ",
    //   "fontWeight": "bold",
    //   "margin": "10px"
    //   // "width": "20px"
    // }
   },
 ]
},

产量:

highlight demo

有关样式选项,请参见https://code.visualstudio.com/api/references/vscode-api#DecorationRenderOptions