改变Kibana 4发现和可视化页面主题 [英] Change the Kibana 4 Discover and Visualize Page Themes

问题描述

我保持我的Kibana仪表板和发现页面在我们的NOC的两个不同的显示器上打开。我希望发现页面具有与我的仪表板相同的黑暗主题。但是，我看到在Kibana 4.5这不是一个可点击的选项。有没有人知道Kibana4的代码在哪里可以启用，或者任何人都可以指向一个可以启用这个的插件？

解决方案

是一个公开问题，可以在Kibana的各地启用黑暗的主题，而不仅仅是仪表板。 / p>

有几种方法来实现你想要的。最快的是修改 optimize / bundles / commons.style.css 文件，并公然复制所有 .tab-dashboard.theme-dark 规则到 .tab-discover.theme-dark 和 .tab-visualize.theme-dark 规则。

正确的方法是检出kibana项目（ git clone https://github.com/elastic/kibana。 git ），然后修改 src / ui / public / styles / dark-theme.less LESS文件替换

  .tab-dashboard.theme-dark {
  

由

  .tab-dashboard.theme-dark，.tab-discover.theme-dark，.tab -visualize.theme-dark {
  

然后，您需要重新编译LESS文件以生成新的 commons.style.css 使用 grunt build 的文件，您可以替换当前的优化/捆绑/commons.style.css 与新生成的

享受你的黑暗主题!!

I keep my Kibana Dashboard and Discover pages open on two different displays in our NOC. I want the Discover page to have the same "Dark" theme as my dashboard. However, I see that in Kibana 4.5 this is not a clickable option. Does anyone know where in Kibana4's code I can enable this, or can anyone point to a plugin that will enable this?

解决方案

There is an open issue to enable the dark theme everywhere in Kibana and not just the dashboard.

There are a few ways to achieve what you want. The quickest one is to modify the optimize/bundles/commons.style.css file and blatantly copy all .tab-dashboard.theme-dark rules to .tab-discover.theme-dark and .tab-visualize.theme-dark rules.

The correct way of doing it is to checkout the kibana project (git clone https://github.com/elastic/kibana.git), then modify the src/ui/public/styles/dark-theme.less LESS file to replace

.tab-dashboard.theme-dark {

by

.tab-dashboard.theme-dark, .tab-discover.theme-dark, .tab-visualize.theme-dark {

You'll then need to recompile the LESS files to generate a new commons.style.css file using grunt build and you can replace your current optimize/bundles/commons.style.css with the newly generated one.

Enjoy your dark theme!!

这篇关于改变Kibana 4发现和可视化页面主题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！