Warm tip: This article is reproduced from stackoverflow.com, please click
css grafana

Customize the grafana icon and color scheme

发布于 2020-03-31 22:53:12

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.

Questioner
Mdomin45
Viewed
43
Daniel Lee 2017-06-27 02:31

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.