grafana - 你如何改变Grafana中的背景颜色？

Question

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

我看过“How to change default black color of Grafana”，但这些答案只告诉您如何在浅色和深色主题之间进行选择。

我也看到了 How to Customize Your Grafana Theme建议编辑 _variables.dark.scss 文件，但是我看不到它的位置，因为它不在帖子建议的 public/sass 目录中。

最后，我还看到 _variables.dark.generated.scss 告诉你 Edit 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

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

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

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

Boom Theme 插件文档在这里: https://github.com/yesoreyeram/yesoreyeram-boomtheme-panel/tree/master/docs 文档不再存在，请参阅 GitHub readme file相反。

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