Change Apptitle and Favicon in grafana

[anurag15]

We are facing the issue that after upgrading from Grafana OSS image 9.0.0-beta-ubuntu to 9.4.3-Ubuntu, the favicon that we have set by copying image to
/public/img/fav32.png and /public/img/icon.png is not reflecting on Safari ( version 16.3 ). It is showing the grafana_icon.svg that was set similarly by copying a svg image to /public/img/grafana_icon.svg.

Along with that we are setting the App Title by using sed command while building the docker image
sed -i -e “s#[[.AppTitle]]#Monitor#”
/usr/share/grafana/public/views/index.html.
This was working previously ( v 9.0.0-beta grafana oss) but now for both Chrome and Safari it is not working.

Reverting to the old image also doesn’t seem to work.
Does anyone has any idea about this ?

[usman.ahmad]

Hi @anurag15,

Welcome to the community support forums !!

We are excited that you joined our OSS community. Please read about some of the FAQs in the community

You can check this post which explains some good resources as how to customize the Grafana UI

How to Customize Grafana interface

I want to change the logo, background color, page title, favicon… in Grafana, but I don’t know how to do it. I have changed one of the .scss files and then ran npm run command, but I did not see any change in Grafana. I also see that [How to Customize Your Grafana Theme | www.neteye-blog.com] recommends editing the _variables.dark.scss file, however I cannot see where this is located, as it is not in the public/sass directory as the post suggests. Finally, I also see that _variables.dark.gener…

:I hope this helps.