Customizing Kibana 7.x

[aarvee (Shiva Kumar R V)]

Hi All,

I wanted to customize the logo of Kibana or probably add my company's logo in conjunction with kibana's logo itself on kibana7.x

Can anyone please help me in finding a document for the same?

[wylie (Wylie Conlon)]

Related links: https://github.com/elastic/kibana/issues/17879

Logo and title for every dashboard

[Sjaak01 (Sjaak)]

Customize Kibana 6.5 Login Page

In case somebody else is looking into customizing Kibana 6.5 I've found the files that need to be edited for most of the basic stuff. Browser title and loading logo (1) kibana-6.5.0/src/ui/ui_render/views/chrome.pug Look for "kibana" and change that to a different text if you want a different title displayed in the browser. If you want to change the Kibana logo in the circular loading logo, look for a base64 string and replace this with a base64 of your own image. You can also change the hex…

The paths on 7.x changed though so keep that in mind but otherwise that method should work.

Another thing to keep in mind is that in 7.4 (and probably later, haven't tried yet) setting the logo transparency no longer appears to work. Instead you can hack around that by changing the offset of the logo to some higher value so it falls outside the visible frame.

[aarvee (Shiva Kumar R V)]

In a way, are you saying that you are not sure about 7.x yet?

[Sjaak01 (Sjaak)]

No, the changes will work. You just need to keep in mind the file paths changed in 7.x. In case of the logo changing the transparency doesn't work anymore in 7.4 (and presumably in 7.5, I haven't tried yet). Another workaround for the logo is to change the position so it falls outside of the visible area and the place your own logo as per the description.