有没有办法改变VScode中评论的背景颜色？

Question

I would like to change the color of the comments so that it can be highlighted. I prefer to change background-color most of the time. I found the color setting in setting.json . it looks like this.

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

It does change but it seems like there is no "background" option in "settings". it says "Token background colors are currently not supported." so I only can change the text color, not the background. is there any way I can set background color of comments in VSCode?

Answer 1

There isn't any way to do that built-in. You could look through the extensions - search for comment - to see if any of them do that.

Alternatively, one way to do it would be to use an extension like highlight . You can style anything you can capture with a regex. In 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"
    // }
   },
 ]
},

yields:

For styling options, see https://code.visualstudio.com/api/references/vscode-api#DecorationRenderOptions