How to share panel without background color?

We want to integrate some grafana panels into my web app,but there is a background color.The main background color of our web app is blue, how to display the panel with transparenct background color?

That is currently not possible

Got it,Thanks!
I will find some way to walk round.


I read somewhere else, that i can edit the index.html and put the desired background color there.
My grafana server runs on a mac and the path written in the other topic is:


i dont have a grafana folder in usr/share. I found this path on my mac:


but if i open the index html all i get is this:

The post where i come from tells me to do this:

Edit the “index.html” file in grafana and add this line under the “title” tag:

<link rel="stylesheet" href="http://openhabianpi.local:8080/static/mygrafana.css" type="text/css">

Make sure you restart the Grafana service so the new HTML file is loaded!

Then, you can add a mygrafana.css file into your openhab html folder:

@charset "UTF-8";

.panel-container {
    background-color: #19201c !important;
    border: 0px solid #292929 !important;

This way grafana’s background of the charts matches my background and when the direct link image is rendered it looks perfect.

1 Like


I know it is an older topic.
I applied the change as you suggest, and worked fine until version 10.
It looks like there are changes, but haven’t found out yet what and how.
I noticed that changing the colors in the original CSS-file also don’t get applied.
So there must be something else that is setting the color here.

Anyone any idea’s?