【问题标题】:Customize CSS in Kibana 7在 Kibana 7 中自定义 CSS
【发布时间】:2021-01-21 10:01:00
【问题描述】:

我有一个带有集成 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 kibana kibana-7


【解决方案1】:

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

【讨论】:

  • 你能分享更多关于这方面的信息吗?你的答案现在有点含糊。
猜你喜欢
  • 2022-11-06
  • 2015-08-27
  • 1970-01-01
  • 2019-04-12
  • 2014-05-06
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多