在 Kibana 7 中自定义 CSS
Customize CSS in Kibana 7
我有一个带有集成 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 时它没有应用，尽管我的更改已保存在此文件中？我也删除了缓存，但没有成功。
我按照说明进行操作 over here，但没有成功（CSS 未应用样式）。
有没有人有想法可以帮助我？
你需要对 css 文件进行 gzip 和 brotli 压缩，然后将其放回原来的位置，我在 docker ELK
中一直这样做
我有一个带有集成 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 时它没有应用，尽管我的更改已保存在此文件中？我也删除了缓存，但没有成功。
我按照说明进行操作 over here，但没有成功（CSS 未应用样式）。
有没有人有想法可以帮助我？
你需要对 css 文件进行 gzip 和 brotli 压缩，然后将其放回原来的位置，我在 docker ELK
中一直这样做