Question

我想修改Grafana中的深色主题，使其使用config.AddJsonFile($"appsettings.{env.EnvironmentName.ToLower()}.json", optional: true,reloadOnChange: true);作为背景色。

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

我还看到How to Customize Your Grafana Theme建议编辑User Secrets文件，但是我看不到该文件的位置，因为该文件未显示在#000000目录中。

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

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

Answer 1

Boom Theme插件适用于Grafana 6.7.1

安装：

[
    {
        "spot_id" : 0,
        "spot_name" : "windmill",
        "spot_lat" : 00000,
        "spot_long" : 00000,
        "spot_complete" : false
    },

    {
        "spot_id" : 1,
        "spot_name" : "rock",
        "spot_lat" : 0000,
        "spot_long" : -0000,
        "spot_complete" : false
    },

    {
        "spot_id" : 2,
        "spot_name" : "patio",
        "spot_lat" : 000,
        "spot_long" : -000,
        "spot_complete" : false
    },

    {
        "spot_id" : 3,
        "spot_name" : "dogging",
        "spot_lat" : 000,
        "spot_long" : -0000,
        "spot_complete" : false
    }

]

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

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

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

Boom Theme插件文档在这里：https://github.com/yesoreyeram/yesoreyeram-boomtheme-panel/tree/master/docs

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

Answer 2

我发现了与您相同的网站，一开始感到沮丧。幸运的是，然后我找到了Grafana插件“ Boom Theme Panel”（https://grafana.com/grafana/plugins/yesoreyeram-boomtheme-panel）。

它允许您使用以下设置在“自定义样式/ CSS覆盖”下定义背景图像或覆盖背景颜色：

.main-view {
  background-color: #000000; 
}

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

2 个答案: