IS there a way to change just the background color of the panel title?
Not natively. You can do this for all panels on a dashboard using the Boom Theme plugin to add custom CSS (or probably possible add custom CSS to Grafanas CSS files manually). With Boom Theme you add a hidden panel to your dashboard and then add custom CSS in the Boom Theme panel settings.
Custom CSS would be something like:
.panel-title {
background-color: green;
}
You could even do it for individual panels like this:
.panel-title-container[aria-label="Panel header title item YOUR PANEL TITLE HERE"]
{
background-color: red;
}
2 Likes
Hi, for individual panel that css code is not working…!
Please let me know any other solution is there, What I exactly wanted I need give different background color for each panel
Grafana CSS has obviously changed over different versions, for me on v8.1.5 this CSS worked:
.panel-title-container[data-testid="data-testid Panel header YOUR_PANEL_TITLE_HERE"]
{
background-color: red;
}
1 Like
Thank you for the reply!
But can you explain me what it mean by data-testid ?
So the value is the panel title right !!?
it’s working on v9.0.5 also.
Thanks for sharing!
It’s working for me just by replacing YOUR_PANEL_TITLE_HERE by the right panel title.