Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Log Highlight and FilterNew to Visual Studio Code? Get it now.
Log Highlight and Filter

Log Highlight and Filter

Irfan ali

| (0) | Free
Colours log levels in any log file, and filters it down to just the lines you care about — by level or by pattern, in one command.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Log Highlight and Filter

Colours your log files by level, then lets you filter them down to just the lines you care about — without leaving the editor and without a shell pipeline.

Highlighting

Open any .log file and levels are picked out automatically:

Level Shown as
FATAL CRITICAL PANIC Error colour, bold, tinted line, marker in the scrollbar
ERROR ERR SEVERE EXCEPTION Same
WARN WARNING Warning colour, bold, scrollbar marker
INFO NOTICE Info colour
DEBUG TRACE VERBOSE Faded, so they stop competing for attention

Timestamps are dimmed so the message reads first.

Colours come from your theme — editorError.foreground, editorWarning.foreground and friends — so it looks correct in light, dark and high-contrast without any setup.

Filtering

This is the part a highlighter alone cannot do.

  • Log: Filter by Level — tick the levels to keep. Errors and warnings are pre-ticked, because that is what you want nine times out of ten.
  • Log: Filter by Text or Regex — type timeout, or /user_id=\d+/i for a regular expression.

Either opens a read-only view beside your log, with the original line numbers kept, so you can find the line again in the full file:

2 of 1,284 lines — data-service.log — ERROR+FATAL

 418 │ 2026-09-13T18:32:02.114Z ERROR [db] SequelizeConnectionError: timeout
1097 │ 2026-09-13T18:32:05.000Z FATAL [main] unrecoverable, shutting down

Navigation

Alt+Down and Alt+Up jump to the next and previous error or warning. The status bar shows how many of each the file holds — click it to filter.

Built for large files

Highlighting is computed for the visible part of the file plus a margin, and recomputed as you scroll, so a multi-hundred-megabyte log stays responsive. Files above logHF.maxFileSizeMB are skipped entirely.

Settings

Setting Default What it does
logHF.filePatterns **/*.log, **/logs/**, **/*.out Which files count as logs
logHF.highlightTimestamps true Dim timestamps
logHF.dimLowLevels true Fade DEBUG and TRACE lines
logHF.errorLineBackground true Tint the whole line for errors
logHF.maxFileSizeMB 50 Skip files larger than this

Use Log: Toggle Highlighting for This File to turn it off for one file.

Works alongside other log extensions

This one adds decorations rather than claiming the log language, so it sits happily next to whatever syntax highlighting you already use.

Author

Irfan Ali

MIT licensed.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
  • Your Privacy Choices
  • Consumer Health Privacy
© 2026 Microsoft