# Replace the kibana logo?

**URL:** <https://discuss.elastic.co/t/replace-the-kibana-logo/27547>\
**Category:** Kibana\
**Created:** [August 18, 2015, 3:56am UTC](https://discuss.elastic.co/t/replace-the-kibana-logo/27547 "2015-08-18T03:56:00Z")\
**Posts on this page:** 1\
**Showing post:** 35

<div class="post-metadata">

**Author:** ![dedebe](https://avatars.discourse-cdn.com/v4/letter/d/c6cbf5/32.png) [@dedebe](https://discuss.elastic.co/u/dedebe)\
**Post date:** [June 20, 2017, 5:42pm UTC](https://discuss.elastic.co/t/replace-the-kibana-logo/27547/35 "2017-06-20T17:42:26Z")

</div>

Like as the solution from Tat Dat Pham,

you can also modify [kibana directory]/src/ui/views/ **ui\_app**.jade

At the line 96: `| Loading MY fancy statistics`  
for edditing you own loading dashboard text

At line 107: include your own style file `bundleFile('MY.style.css');`

it would look like this:  
` var files = [ bundleFile('commons.style.css'),`  
**bundleFile('MY.style.css'),**  
` bundleFile('#{app.id}.style.css'), bundleFile('commons.bundle.js'), bundleFile('#{app.id}.bundle.js') ];`

and in the path Daya mentioned

> "/usr/share/kibana/optimize/bundles/"

include your `MY.style.css` file.

In your own CSS file you can override every Style you want like

` .global-nav .logo-small.kibana, .global-nav .logo.kibana { background-color:#333333; /* override the pink background */ background-image: url(MY_Logo.svg); /* replace kibana Logo */ }`  
So there is no need to _remove_ any kibana's original files, for your content.

When you modified the `.jade` files you need to restart Elasticsearch.

After that you can edit your `MY.style.css` file and simply reload your browser window for styling changes.

---

_[View the full topic](https://discuss.elastic.co/t/replace-the-kibana-logo/27547)._