Grafana7.x - 更换主题

1、Grafana 主题项目

  https://github.com/GilbN/theme.park/

2、三个重要文件

  transparent.css 、grafana-base.css、aquamarine.css,将三个文件上传到/usr/share/grafana/public/css目录下(css目录是新建的)。

3、样式文件访问

  主题样式文件访问方式:http://ip:3000/public/css/aquamarine.css。

  其中,http://ip:3000是grafana安装后的访问地址,public/css/是样式文件路径。

4、样式文件修改

(1)grafana-base.css文件第一行url代码修改为:

@import url("http://ip:3000/public/css/transparent.css");

(2)aquamarine.css文件第一行添加:

@import url(http://ip:3000/public/css/grafana-base.css);

5、配置样式主题

(1)安装Boom Theme插件

# 1、安装主题插件
grafana-cli plugins install yesoreyeram-boomtheme-panel
# 2、重启grafana服务
systemctl restart grafana-server

(2)grafana配置主题

  若成功,背景色如图所示,至此主题更换完成!

 ------  over -------

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值