Kibana6.x 界面风格重定制

本文介绍下如何定制kibana6.x的界面颜色, 如图

1.写一个kibana plugin , 但是用hidden=true属性,这样不会有icon生成, 目的是生成对应的css bundle file 来改变kibana的css 样式配置  

2. 然后定义main.less


3. kibana的小图标都在 src/ui/public/assets/favicons/, 需要逐一修改

4. logo file 在 ui_render/views/ui_app.jade&chrome.jade

5. 最后需要加入自己的plugin css bundle file 到 ui_app.jade

,bundleFile('kibana_my_plugin.style.css')

6. 打包 npm run build后 , 可以plugin install. 

7. 重启后应该就是图片的样子了。


你可能感兴趣的:(Kibana6.x 界面风格重定制)