修改grafana主题风格

今天收到产品需求，要修改grafana的风格，简单来说呢就是要更改一下总体的背景色。但是当我看到这个东西的时候，确实头疼了一会。

grafana提供的默认的风格Dark和Light，简单来说差不多就是黑色和白色，还有一个是图片的哦，但是大家都知道产品同志是不可能满足于黑白两种颜色的。

首先下载插件Boom theme plugin

然后点击Add panel

有一个Boom Theme点进去会出现默认的三个主题

可以随时切换风格，拖动右下角可以改变该模板大小，高度拉到0可以隐藏起来

点开上面的下拉按钮选择Edit

+Add new Theme添加新主题

Custom css是主题的默认样式，可以F12看一下想改变哪个class的style哦

BG image是背景图

然后Applied as default theme保存就可以了

如果页面中有图表，会发现页面的风格变了，图表的背景色还是默认的颜色，下面就把图表背景色变成透明的

Edit图表之后，勾中Transparent就可以