How to share panel without background color?

Grafana
1

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?
Thanks!

2

That is currently not possible

3

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

4

Hi!

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:

/usr/share/grafana/public/views/index.html

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

usr/local/cellar/grafana/6.3.3/share/grafana/public/views/index.html

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

56
561106×450 66.7 KB

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
5

Hello,

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?