# \[Kibana 6.x\]Changing logo & UI elements

**URL:** <https://discuss.elastic.co/t/kibana-6-x-changing-logo-ui-elements/150131>\
**Category:** Kibana\
**Created:** [September 27, 2018, 7:16am UTC](https://discuss.elastic.co/t/kibana-6-x-changing-logo-ui-elements/150131 "2018-09-27T07:16:18Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Sjaak01](https://avatars.discourse-cdn.com/v4/letter/s/73ab20/32.png) [@Sjaak01](https://discuss.elastic.co/u/Sjaak01)\
**Post date:** [September 27, 2018, 7:16am UTC](https://discuss.elastic.co/t/kibana-6-x-changing-logo-ui-elements/150131/1 "2018-09-27T07:16:19Z")

</div>

Hi,

I'm trying to change a couple of the Kibana UI elements.

- Top left logo
- Loading logo when you open Kibana
- Xpack login page (the logo and the background color)

I did some searches on which files to edit but I cannot seem to find the right one. I found a few topic about editing `chrome.js` or `global_nav.less` but editing those files doesn't seem to have any effect even after clearing all browser cache and restarting Kibana (did not try optimizing by installing/uninstalling a plugin).

Could somebody point me to the right files to edit?

---

<div class="post-metadata">

**Author:** ![lusp](https://avatars.discourse-cdn.com/v4/letter/l/c57346/32.png) [@lusp](https://discuss.elastic.co/u/lusp)\
**Post date:** [September 27, 2018, 7:26am UTC](https://discuss.elastic.co/t/kibana-6-x-changing-logo-ui-elements/150131/2 "2018-09-27T07:26:32Z")

</div>

After you make CSS changes you need to install any 'dummy' plugin to trigger bundle compilation/generation - which will contain your customization. I am not aware of any other way to trigger recompilation, other than installing a plugin.

Hopefully Elastic will add an option to at least change Kibana logo/main color - the current method to do that is not very sustainable and scalable.

---

<div class="post-metadata">

**Author:** ![Sjaak01](https://avatars.discourse-cdn.com/v4/letter/s/73ab20/32.png) [@Sjaak01](https://discuss.elastic.co/u/Sjaak01)\
**Post date:** [September 27, 2018, 7:33am UTC](https://discuss.elastic.co/t/kibana-6-x-changing-logo-ui-elements/150131/3 "2018-09-27T07:33:01Z")

</div>

Is that really necessary? Some of the forum posts indicite this isn't necessary and after changing the loading circle color in ui\_app.jade I only had to restart Kibana.

However other changes to colors don't seem to work with just a restart.

I'd also like to change the navbar and mouse hover/over colors.

---

<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:** [October 25, 2018, 7:33am UTC](https://discuss.elastic.co/t/kibana-6-x-changing-logo-ui-elements/150131/4 "2018-10-25T07:33:11Z")

</div>

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