本文介绍下如何定制kibana6.x的界面颜色, 如图
1.写一个kibana plugin , 但是用hidden=true属性,这样不会有icon生成, 目的是生成对应的css bundle file 来改变kibana的css 样式配置
2. 然后定义main.less
![](https://img.haomeiwen.com/i8478288/ceea79bb021be190.png)
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. 重启后应该就是图片的样子了。
![](https://img.haomeiwen.com/i8478288/c3e625183ab56399.png)
网友评论