如何更改 Grafana 中的背景颜色？

Question

我想修改 Grafana 中的深色主题，使其#000000用作背景颜色。

我看过“如何更改 Grafana 的默认黑色”，但是这些答案只告诉您如何在浅色和深色主题之间进行选择。

我还看到如何自定义您的 Grafana 主题建议编辑该_variables.dark.scss文件，但是我看不到它的位置，因为它不在public/sass帖子建议的目录中。

最后，我还看到它_variables.dark.generated.scss告诉您编辑 grafana-ui/src/themes/_variables.dark.scss.tmpl.ts 以更新模板，但是我也找不到该文件。

你能指出我正确的方向吗？

Answer 1

Boom Theme插件适用于 Grafana 6.7.1

安装：

grafana-cli plugins install yesoreyeram-boomtheme-panel
service grafana-server restart

转到某个仪表板并添加新面板。选择“繁荣插件”。

在“自定义样式/CSS 覆盖”下输入

.panel-container {
  background-color: #000000; 
}
.dashboard-container {
  background-color: #000000; 
}
.navbar {
  background-color: #000000;
}

Boom 主题插件文档在这里：https : //github.com/yesoreyeram/yesoreyeram-boomtheme-panel/tree/master/docs文档不再存在，请参阅GitHub 自述文件。

PS 如果您要嵌入 Grafana 的仪表板/面板，请检查 grafana.ini 中“[security]”部分下的“allow_embedding = true”，并在 URL 中使用 &kiosk 参数以避免菜单