# How to change logo in Kibana 7.8.0

**URL:** <https://discuss.elastic.co/t/how-to-change-logo-in-kibana-7-8-0/242412>\
**Category:** Kibana\
**Created:** [July 23, 2020, 10:17pm UTC](https://discuss.elastic.co/t/how-to-change-logo-in-kibana-7-8-0/242412 "2020-07-23T22:17:49Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![yrtqz](https://avatars.discourse-cdn.com/v4/letter/y/9de053/32.png) [@yrtqz](https://discuss.elastic.co/u/yrtqz)\
**Post date:** [July 23, 2020, 10:17pm UTC](https://discuss.elastic.co/t/how-to-change-logo-in-kibana-7-8-0/242412/1 "2020-07-23T22:17:49Z")

</div>

I've found multiple posts about how to do this in earlier versions, but none of the solutions i saw worked on kibana 7.8.0. What can i do to change the loading screen elastic logo and the kibana logo in the sidebar?

---

<div class="post-metadata">

**Author:** ![Archangel](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/archangel/32/72592_2.png) [@Archangel](https://discuss.elastic.co/u/Archangel)\
**Post date:** [July 24, 2020, 4:20am UTC](https://discuss.elastic.co/t/how-to-change-logo-in-kibana-7-8-0/242412/2 "2020-07-24T04:20:59Z")

</div>

I've past the last 3-4 days trying to figure out how to change the background colour of the login screen, it seems with 7.8.0 unlike previous versions, its not as simple as editing the css and would require the creation of a plugin from what I understand from answers to my post.

I was able to modify 6 other web based tools and the previous version of kibana without any problems or much googling but 7.8.0 has defeated me, I've almost given up at this point everything is inherited, I can't find from where, any changes I make doesn't seem to reflect as if its cached

I even grep + sed the entire /kibana folder and changed every single instance of #fafbfd to the colour I wanted, both hex/rbg and #fafbfd is nowhere to be found now yet I can't get rid of that darn white and when I inspect the page, its still showing #fafbfd. Forced rebuild and cleared caches and all yet its still there...

I will more than likely downgrade until a more user friendly solution is brought up by the development team...

---

<div class="post-metadata">

**Author:** ![yrtqz](https://avatars.discourse-cdn.com/v4/letter/y/9de053/32.png) [@yrtqz](https://discuss.elastic.co/u/yrtqz)\
**Post date:** [July 24, 2020, 5:48am UTC](https://discuss.elastic.co/t/how-to-change-logo-in-kibana-7-8-0/242412/3 "2020-07-24T05:48:55Z")

</div>

Thanks for the reply, I wasn't sure if I was just missing something. I'll see if downgrading is an acceptable solution for me.

---

<div class="post-metadata">

**Author:** ![Archangel](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/archangel/32/72592_2.png) [@Archangel](https://discuss.elastic.co/u/Archangel)\
**Post date:** [August 2, 2020, 9:40pm UTC](https://discuss.elastic.co/t/how-to-change-logo-in-kibana-7-8-0/242412/4 "2020-08-02T21:40:47Z")

</div>

FYI, I found a way to change the colors and logos in 7.8 without the need for plugins and such. I still need to work a bit on it but don't lose hope. Once I figured the whole thing, I'll make a post on how to edit the themes and such.

---

<div class="post-metadata">

**Author:** ![yrtqz](https://avatars.discourse-cdn.com/v4/letter/y/9de053/32.png) [@yrtqz](https://discuss.elastic.co/u/yrtqz)\
**Post date:** [August 3, 2020, 1:32pm UTC](https://discuss.elastic.co/t/how-to-change-logo-in-kibana-7-8-0/242412/5 "2020-08-03T13:32:55Z")

</div>

cool, thanks for the update. i found the code that generates the loading screen logo in 7.8, but it's generated javascript code generating an svg, so i decided to just use 7.6 instead of writing an html parser to generate the code.

---

<div class="post-metadata">

**Author:** ![maavericc](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/maavericc/32/45466_2.png) [@maavericc](https://discuss.elastic.co/u/maavericc)\
**Post date:** [August 5, 2020, 3:34am UTC](https://discuss.elastic.co/t/how-to-change-logo-in-kibana-7-8-0/242412/6 "2020-08-05T03:34:32Z")

</div>

if you could achieve the logo change in 7.8.0, can you please post an update. As mentioned in the post, 7.8.0 doesn't look same as prior versions.

---

<div class="post-metadata">

**Author:** ![Archangel](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/archangel/32/72592_2.png) [@Archangel](https://discuss.elastic.co/u/Archangel)\
**Post date:** [August 5, 2020, 4:27am UTC](https://discuss.elastic.co/t/how-to-change-logo-in-kibana-7-8-0/242412/7 "2020-08-05T04:27:55Z")

</div>

Which logo exactly on the login/loading screen or once logged in the upper left logo? I managed to modify quite a bit of the look so far. Give me 5 mins I will post something in my original post on how I achieve the changes.

[https://discuss.elastic.co/t/kibana-7-8-0-xpack-login-page-customization/242155](https://discuss.elastic.co/t/kibana-7-8-0-xpack-login-page-customization/242155)

---

<div class="post-metadata">

**Author:** ![maavericc](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/maavericc/32/45466_2.png) [@maavericc](https://discuss.elastic.co/u/maavericc)\
**Post date:** [August 5, 2020, 4:42am UTC](https://discuss.elastic.co/t/how-to-change-logo-in-kibana-7-8-0/242412/8 "2020-08-05T04:42:25Z")

</div>

In 7.6.0 currently we deployed, we have changed loading, upper left and favicon. Would like to achieve the same. Please post whatever you could achieve. I will start from there. Thank you!

---

<div class="post-metadata">

**Author:** ![Archangel](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/archangel/32/72592_2.png) [@Archangel](https://discuss.elastic.co/u/Archangel)\
**Post date:** [August 5, 2020, 5:15am UTC](https://discuss.elastic.co/t/how-to-change-logo-in-kibana-7-8-0/242412/9 "2020-08-05T05:15:12Z")

</div>

Head to my original topic, I posted it there.

[https://discuss.elastic.co/t/kibana-7-8-0-xpack-login-page-customization/242155](https://discuss.elastic.co/t/kibana-7-8-0-xpack-login-page-customization/242155)

---

<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:** [September 2, 2020, 5:15am UTC](https://discuss.elastic.co/t/how-to-change-logo-in-kibana-7-8-0/242412/10 "2020-09-02T05:15:19Z")

</div>

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