Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Comments HighlightNew to Visual Studio Code? Get it now.
Comments Highlight

Comments Highlight

katsudouki

|
446 installs
| (0) | Free
Highlight specific comments with custom background color and icon
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Comments Highlight

A VSCode extension to highlight comments in different colors based on custom configurations. It supports multiple comment styles and allows you to customize how each type of comment is highlighted.

print

Features

  • Highlights comments based on customizable prefixes (e.g., NOTE:, HACK:, BUG:).
  • Supports various comment styles including //, #, and <!-- -->.
  • Configurable background color, text color, border, and prefix icon for each type of comment.
  • Option to highlight the entire line or just the comment text.

Configuration

Add the following configuration to your settings.json file to customize the extension:

"commentsHighlight": {
  "fullLine": false,
  "configurations": [
    {
      "text": "NOTE:",
      "backgroundColor": "#ffeb3b",
      "color": "#000000",
      "border": "1px solid #fdd835",
      "borderRadius": "3px",
      "prefixicon": "💡"
    },
    {
      "text": "HACK:",
      "backgroundColor": "#ff5722",
      "color": "#ffffff",
      "border": "1px solid #d84315",
      "borderRadius": "3px",
      "prefixicon": "🔧"
    },
    {
      "text": "BUG:",
      "backgroundColor": "#f44336",
      "color": "#ffffff",
      "border": "1px solid #c62828",
      "borderRadius": "3px",
      "prefixicon": "🐛"
    }
  ]
}
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft