Grafana 主题可以吗？

Question

我正在使用最新版本的 Grafana（截至撰写本文时为 10）。我想将我的一些 Grafana 面板嵌入到另一个地方/我自己的网站中。然而，Grafana 的浅色和深色主题与我网站的其余自定义面板有很大不同。

Grafana 支持/允许主题吗？我想构建一个自定义主题，仅在我网站的嵌入式面板上使用，同时在 Grafana 本身上浏览时保持它们与 Grafana 的其他部分相同。这可能吗？如果没有，关于这个主题有什么可能（也许是像 BoomTheme 这样的插件，但它似乎不起作用，因为当我安装它时没有任何变化/发生，并且我在设置中的任何地方都找不到它）？我在整个 Grafana 文档中进行搜索，但找不到与此相关的任何内容。

Answer 1

一种方法是在仪表板中添加具有 HTML 模式的文本面板，并添加一些自定义 CSS 作为内容，例如：

<style type="text/css">
[data-testid="header-container"] {
  background-color:red;
}
</style>

编辑：如果您在文本面板显示中看到原始代码，则您可能需要设置disable_sanitize_html 在您的 grafana 设置中。

然后所有仪表板（包括面板）都使用此 CSS 进行样式设置，这是 kiosk 模式下的示例面板，路径为 https://[grafana 服务器域]/dashboard/new?orgId=1&viewPanel=1&kiosk