修改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就可以