search

yesoreyeram / yesoreyeram-boomtheme-panel

Grafana Panel for adding styles
http://yesoreyeram.github.io/yesoreyeram-boomtheme-panel
Apache License 2.0
88 stars 14 forks source link

CSS to add custom background color to grafana panels based on panel title #56

Open gk7279 opened 2 years ago

gk7279 commented 2 years ago

What you are struggling with

Change background color of gauges based on panel title

Describe what assistance you need CSS block

What you tried

Describe what you tried https://community.grafana.com/t/panel-title-with-background-color/45411

Related Issues and Links

Related links

gk7279 commented 2 years ago

Basically "Add Panel BG Color" but only to specific panels and not all of them.

mromero2510 commented 2 years ago

It seems Grafana's CSS changes on > 8.x.x

Try this:

.panel-title-container[data-testid="data-testid Panel header PANEL-NAME-HERE"]{ background-color: blue; }

.panel-container[aria-label="PANEL-NAME-HERE panel"]{ background-color: red; }

You can use the Inspect Tool in your browser to search the style you want to select and change.