本文详细介绍如何使用Grafana的Boomtheme插件自定义仪表板风格，包括添加新主题、自定义CSS、设置背景图及调整图表背景色，帮助读者实现个性化视觉效果。
今天收到需求，要修改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就可以
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
