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

修改grafana主题风格相关推荐

修改 Doxygen 主题，生成 Qt 风格的文档
文章目录背景切换 doxygen 主题风格(例子) 开源项目提交(实战) 推荐系列地址: 简述: 在上一篇中,成功自定义 .qch 文档手册在 Qt Assistants 中查看.但 Do ...
IDEA界面的主题风格-黑白界面修改
设置主题风格步骤1,打开File,到Settings 步骤2,点击进来,出现下面截图这里下拉框中的前面两个Darcula和High contrast是黑色风格,IntelliJ是白色风格主题. 这 ...
实用 | 宝藏男孩教你如何魔改 Grafana 主题！
点击上方蓝色"程序猿DD",选择"设为星标" 回复"资源"获取独家整理的学习资料! 作者 | 米开朗基杨来源 | 公众号「云原生实验室」 ...
Android Theme 常见主题风格详解
本文为自己多年来在Android实战开发过程中总结归纳的一些常见问题,现在分享出来希望对初学者有所帮助. 本文出自门心叼龙的博客,转载请注明出处: https://blog.csdn.net/gedu ...
制作数据可视化大屏时，可以不再使用千遍一律的主题风格
"马上年底了,项目快验收了是吧"同事小陈说道. 我激动的说:"是啊,这次验收了,能为公司带来很大的现金流,项目团队也能得到很大一笔分成!就是不知道能不能顺利完成.&quo ...
可以在xmind上同时有两个大主题吗_教程｜如何自定义主题风格？
「风格编辑器」功能终于在 XMind: ZEN 2020 上线!有了「风格编辑器」,你可以自由发挥创意,创造独具个人特色的思维导图,更可以赋予颜色和形状以特殊意义,建构专属的思维符号体系. 自定义主题 ...
WordPress响应式网址导航大全主题风格网站模板
介绍: 爱导航是一款原创品牌开发设计的WordPress网址导航大全主题风格,适用建立好看.强劲的导航栏类网址. 这款导航栏主题风格的主页选用模块化,能够加上不一样连接归类下的连接,每一个控制模块都能 ...
Android系统开发默认壁纸的定制主题风格的开发及定制 DDMS 常用adb 命令抓取Log
Android系统开发 Android系统本身的功能在增加和完善过程中.在系统开发中如果涉及系统API的改动,则一定要慎重,系统的API的改动可能涉及Android应用程序的不 ...
miui主题风格_一种android系统换肤功能的设计,董红光：MIUI主题风格.pdf
MIUI主题风格主题风格主题风格主题风格一种Android系统换肤功能的设计思路董红光 2/29/2012 "主题"是什么 ? Symbian的"主题" A ...

修改grafana主题风格

修改grafana主题风格相关推荐

最新文章

热门文章