Replace the kibana logo in version 7.4

Elastic Stack Kibana
9

Sure see below:

Index.js:

export default function (kibana) {

	return new kibana.Plugin({
		id       : 'custom_css',
		require: ['kibana'],
		uiExports: {
			hacks: [
				'plugins/custom_css/hack'
			]
		}
	});
};

hack.js:

import 'plugins/custom_css/less/main.less'

and my main.less:

a[data-test-subj="logo"] * {
  display: none;
}
a[data-test-subj="logo"] {
  background: url(URL TO YOUR LOGO) no-repeat 0 0;
  background-size: auto 26px;
  border-bottom: none;
  background-position: 10px 10px;
}
2 Likes