css - 在 Kibana 7 中自定义 CSS

Question

我有一个带有集成 iframe 的 React 应用程序，它加载了一个示例 Kibana 仪表板。但是现在，我必须更改这个 Kibana Dashboard 的样式，即表格的背景颜色、按钮颜色和字体样式。

首先，我尝试使用插件，但这仅适用于以前的 Kibana 版本。由于我必须使用 v7，所以这是没有选择的。

接下来，我尝试修改 Kibana 本身的 CSS-stylesheets，例如：/usr/share/kibana/optimize/bundles/light-theme.style.css

但是当我在 Chrome 中重新加载应用程序时，去“检查”并查看 light-theme.style.css 那里，该文件没有任何变化！我究竟做错了什么？我在本地 Kibana 文件夹 ( /usr/share/kibana/optimize/bundles/light-theme.style.css) 中更改了这个确切的文件并保存了它。为什么重启 Kibana 时没有应用，虽然我的更改保存在这个文件中？我也删除了缓存，没有成功。

我按照此处的说明进行操作，但没有成功（未应用 CSS 样式）。

有没有人有想法可以帮助我？

标签： csskibanakibana-7

Answer 1

您将需要 gzip 和 brotli 的 css 文件并将其放回其原始位置，我一直在 docker ELK 中这样做