Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Customize the grafana icon and color scheme

Tags:

css

grafana

Is there any way to customize the grafana dashboard? I figured there were CSS files some place in the installation directory, but I cannot find them. I'm currently running it locally, but the plan is to move it to a server eventually. I'd like to change the icon at the top left as well as the color scheme of the UI.

like image 858
Mdomin45 Avatar asked Jun 25 '17 02:06

Mdomin45


1 Answers

You don't mention what OS you installed Grafana on. For Ubuntu/Debian, the css files are found at /usr/share/grafana/public/css. There is no built-in way to customize the appearance. You can change the CSS files but they will get overwritten if you upgrade Grafana.

You can however fork Grafana and change as much as you want to.

The instructions for building Grafana are here: http://docs.grafana.org/project/building_from_source/

The frontend files are located in the public subdirectory and when you run the Grunt build script, the CSS and Javascript files are generated in the public_gen directory. So do not make your changes in the public_gen directory as they will get overwritten.

like image 199
Daniel Lee Avatar answered Sep 20 '22 23:09

Daniel Lee