更改 Kibana 4 发现和可视化页面主题
Change the Kibana 4 Discover and Visualize Page Themes
我在 NOC 的两个不同显示器上打开我的 Kibana 仪表板和发现页面。我希望发现页面与我的仪表板具有相同的 "Dark" 主题。但是,我看到在 Kibana 4.5 中,这不是一个可点击的选项。有谁知道我可以在 Kibana4 的代码中的哪个位置启用此功能,或者任何人都可以指出将启用此功能的插件吗?
有一个 open issue 可以在 Kibana 的所有地方启用深色主题,而不仅仅是仪表板。
有几种方法可以实现您想要的效果。最快的就是修改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 文件以使用 grunt build
生成新的 commons.style.css
文件,您可以用新生成的文件替换当前的 optimize/bundles/commons.style.css
。
享受你的深色主题!!
我在 NOC 的两个不同显示器上打开我的 Kibana 仪表板和发现页面。我希望发现页面与我的仪表板具有相同的 "Dark" 主题。但是,我看到在 Kibana 4.5 中,这不是一个可点击的选项。有谁知道我可以在 Kibana4 的代码中的哪个位置启用此功能,或者任何人都可以指出将启用此功能的插件吗?
有一个 open issue 可以在 Kibana 的所有地方启用深色主题,而不仅仅是仪表板。
有几种方法可以实现您想要的效果。最快的就是修改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 文件以使用 grunt build
生成新的 commons.style.css
文件,您可以用新生成的文件替换当前的 optimize/bundles/commons.style.css
。
享受你的深色主题!!