Grafana 有两个默认主题,dark 和 light,用过的都知道很平民,不能凸显高大上的特点,于是今天扒到了 Github 上别人分享的主题,替换以后逼格一下就起来了
先上效果图
下面说说是怎么替换的,我用的 Grafana 版本是:V 7.1.5,版本其实没影响,因为主题的更换是通过 Panel 实现的
1,安装 Boom Theme Plugin
下载插件
grafana-cli plugins install yesoreyeram-boomtheme-panel
重启 Grafana(我用的是 Mac,其他操作系统自行用对应的重启方式)
brew services restart grafana
在 Plugins 页面中确认 Boom Theme 已经成功安装
2,添加主题
首先,添加一个新的 Dashboard,作为主题模板,然后 add new panel
,选择面板类型 Boom Theme
插播一下,点击这个链接 ,可以查看主题介绍
回到 Grafana 中,只需要修改 CSS URL,像下面一样填入主题路径
这里是可供选择的主题,将 XXX.css 替换为实际的 css 文件名即可
https://gilbn.github.io/theme.park/CSS/themes/grafana/XXX.css
aquamarine.css
hotline.css
dark.css
plex.css
space-gray.css
organizr-dashboard.css
organizr-dark.css
panel 中保存设置以后可以看到如下界面,点击不同的主题可以实时更改
想要在其他的 Dashboard 中让主题生效,将主题 panel Copy 一下
切换到其他的 Dashboard 中,操作 add new panel
, paste copied panel
这样在其他 Dashboard 中就可以使用刚刚添加的主题了
主题秀