Change the color of the Loki logs panel

Grafana Dashboards
1

Hi is it possible to change the color of the Loki logs table?

What I want to do is to change the color of Info from green to blue any hints about that?

Greetings
Ashketchup

2

Hey @ashketchup92

Did you try the “Overrides” option?

3

Yes but it isn´t possible either there. What I do for now is to use the same color in my charts as in my logs panel. But I wanted to style my dashboards more colorfuly

4

Can you give us a little more details of what you have and what you are expecting?
Since you want visual effect please share screenshot of your actual dashboard.

5

It seems to be that Grafana Loki has a default color-mapping for loglevels like error=red, info=green, warn=orange. I would like to change that. But in the Logi Logs Panel there is no option to override these values.

image
image401×1125 23.4 KB

What am I expecting is that I can freely choose the coloring of the loglevel color:
image

6

Hey @ashketchup92

There’s a workarround but it might not suit you…

If you are able to fetch the different logs in a variable, and more: to fetch each different type (error, info and warn) in different variable, you can use the Text Panel to show the data.

For example:

<div style="color: red;">${log-error}</div>

<div style="color: red;">${log-warn}</div>

<div style="color: red;">${log-info}</div>

But this solution sort the logs by type and not by date…
Maybe playing with the code section could allow you do to better?

I’m still searching for a better solution.

Regards

7

Why don’t you convert the log panel into a table?
Then you have all the options you want.

Wouldn’t that be a solution?

Jo

1 Like
8

I am trying to do the same, the table option is not really a solution because you lose the ability to see the full json content of the logs.

2 Likes
9

Same issue here, also I tried with transformation, but it does not make the job

10

I also tried that, but it isn‘t a option in my case :frowning: . I hope they‘ll do an improvement there. Would be nice to be more flexibel with the design of Loki logs.

11

request it as a customizable feature in grafana github

another option is to change the code and build it yourself to the color you want.

12

but… is it so a great challenge to add some styling to the log widget? I think coloring the line depending on the log level is nothing special

13

probably not. but there could be other priorities. if you feel that this is not so great of a challenge why not contribute code that allows for that?

1 Like
14

Hi, yes this is possible. The Log component searches for a “level” field in the labels and matches that value to the list of possible values described here: Logs in Explore | Grafana documentation

I just stumbled upon this since in my “level” field there is some weird escaping in the data (instead of “warn” there is “\”warn\””), ive fixed that problem by extracting the level from my log messages like this:

{app=“myapp”} | regexp ^\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2} \[[^\[\]]*\] (?P<extract_level>\S*) .* | label_format level={{.extract_level | lower }}

(my log messages look like this:
2025-10-24 23:22:51 [reactor-...] INFO xy ... - xy ...
)

This fixed the issue for me, hope this helps :slight_smile:

15

Hi Ashketchup,
You can change the color of log levels like Info by adjusting the Loki log color mapping in your UI or terminal configuration. If you’re using Grafana, check the log panel settings or apply custom CSS to override the color for Info entries.
Hope that helps!