https://cinhtau.de/2017/05/10/customize-kibana-look-and-feel/

[utterances-bot]

Customize Kibana Look and Feel for different environments

My company uses Elasticsearch and Kibana for various reasons. One of my responsibilities is to ensure the stability of our elasticsearch test and production ...

http://cinhtau.net/2017/05/10/customize-kibana-look-and-feel/

[silentFred]

Thanks so much for sharing! Quick question - any need to have kibana re-build it's assets after changing these less files? They should all get compiled to CSS right? I have noticed this happens when kibana plugins are installed (npm/yarn front-end build tast rebuilding modules)

[cinhtau]

Hi @silentFred, altering the files needs a recompilation. Simply delete the optimize folder in the Kibana home directory. It will take a little while, depending on the Kibana plugins. For testing you could also just change the values in the optimze folder files. Be aware, that you will lose the changes if the Kibana gets a new plugin and re-optimise again.

[mb2018]

HI, Has anyone managed to re brand 7.10 and above? I have a local install. I managed to change some of the images but struggling to find anything regarding the login text. This path is referenced a lot but doesn't exist on my instance:
/usr/share/kibana/node_modules/x-pack/plugins/security/public/views/login/components/login_page/login_page.js
Any help would be really appreciated. thanks

[cinhtau]

@mb2018 I found this https://discuss.elastic.co/t/guide-customize-logo-text-screen-and-loading-in-kibana-7-x/194210

[lizozom]

I have created an open source plugin that can be used to customise the look and feel of Kibana without having to modify the source code.

You can check it out here: https://github.com/lizozom/custom-kibana-theme

[cinhtau]

That looks very promising @lizozom . Can wait to experiment with it myself. Kudos to you.