# Kibana UI customization using a plugin

**URL:** <https://discuss.elastic.co/t/kibana-ui-customization-using-a-plugin/171037>\
**Category:** Kibana\
**Created:** [March 6, 2019, 7:20am UTC](https://discuss.elastic.co/t/kibana-ui-customization-using-a-plugin/171037 "2019-03-06T07:20:28Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Ashish\_Chourasia](https://avatars.discourse-cdn.com/v4/letter/a/49beb7/32.png) [@Ashish\_Chourasia](https://discuss.elastic.co/u/Ashish_Chourasia)\
**Post date:** [March 6, 2019, 7:20am UTC](https://discuss.elastic.co/t/kibana-ui-customization-using-a-plugin/171037/1 "2019-03-06T07:20:28Z")

</div>

Hi,  
We are working with `Elastic search and Kibana (version 6.5.1)`.

We wanted to replace the Kibana logo with our company's logo, & were able to do that by overriding the css by introducing a custom css file this path:

`/usr/share/kibana/optimize/bundles/{'Custom css file'}`

And included the import to that inserted file in this js:

`/usr/share/kibana/src/ui/ui_render/ui_render_mixin.js`

> const styleSheetPaths =  
> [  
> `${bundlePath}/vendors.style.css`,  
> `${bundlePath}/commons.style.css`,  
> `${bundlePath}/{'Custom css file'}`, **//Made this change**  
> `${bundlePath}/${app.getId()}.style.css`  
> ].concat(kbnServer.uiExports.styleSheetPaths.map(path =\> `${basePath}/${path.publicPath}`).reverse());

We were also able to replace the Kibana logo in the Throbber by modifying these files:  
`/usr/share/kibana/src/ui/ui_render/views/ui_app.pug`  
`/usr/share/kibana/src/ui/ui_render/views/chrome.pug`

And also were able to replace the Kibana favicons by our favicons by replacing them here.  
`/usr/share/kibana/src/ui/public/assets/favicons`

My point is, I had to modify the code of many files to achieve this, so is there a cleaner way to do this "revamp" of Kibana UI using a **plugin** , so that maybe when we upgrade our Kibana version, the UI changes still persist?

---

<div class="post-metadata">

**Author:** ![Aaron\_Caldwell](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/aaron_caldwell/32/45755_2.png) [@Aaron\_Caldwell](https://discuss.elastic.co/u/Aaron_Caldwell)\
**Post date:** [March 6, 2019, 4:25pm UTC](https://discuss.elastic.co/t/kibana-ui-customization-using-a-plugin/171037/2 "2019-03-06T16:25:48Z")

</div>

Hello Ashish,

There is not an officially supported way to do these sorts of customizations yet. You may want to follow this issue though which I believe covers most of what you're looking for!

> <https://github.com/elastic/kibana/issues/17879>

Regards,  
Aaron

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)\
**Post date:** [April 3, 2019, 4:25pm UTC](https://discuss.elastic.co/t/kibana-ui-customization-using-a-plugin/171037/3 "2019-04-03T16:25:57Z")

</div>

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.