~/yunemregul/blog/kibana-row-colorizer
githublinkedin
·40 sec read·kibanauserscriptloggingproductivity

Enhancing Kibana Logs with Color

A Tampermonkey userscript that colors Kibana log rows by level, so an ERROR stands out from the DEBUG and INFO rows around it.

I read Kibana logs every day at work, and every row looks the same. An ERROR has the same background as the DEBUG line above it, so I end up reading the level column row by row.

I built KibanaRowColorizer, a userscript that colors each log row by its level.

How it works

Every 500 ms the script looks for rows it has not colored yet. It reads the level from the row's Angular scope, under _source.logs.level, so it does not depend on which columns are visible. Each colored row gets a data-colored attribute and is skipped on the next pass.

It also caps long cells at 300px and makes them scrollable, so a long stack trace does not fill the screen.

DEBUG
INFO
WARN
ERROR

Installation

The script runs on Tampermonkey (Chrome, Firefox, Edge). On Safari, Userscripts works too.

  1. Install your preferred userscript manager.
  2. Grab the userscript from the repo.
  3. Change the @match URL to your Kibana host.

Chrome/Edge users might need to enable Developer Mode for scripts due to recent security updates. Full details in the readme.

yunusemregul/kibanaColor

A browser userscript that enhances Kibana by adding color-coded log rows based on log levels.

JavaScript2github.com ↗