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. 重启后应该就是图片的样子了。