Shulou(Shulou.com)06/02 Report--

Kibana7 how to modify the title and logo, I believe that many inexperienced people are helpless about this, this article summarizes the causes and solutions of the problem, through this article I hope you can solve this problem.

Kibana modified title to

In: kibana70/kibana/src/legacy/ui/ui_render/views/chrome.pug

Line 9, modify title Hello

Kibana Welcome Logo

kibana70/kibana/src/legacy/ui/ui_render/views/ui_app.pug

Line 76 (by looking up kibanaWelcomeLogo) 77 background-image: url("picture.svg");

Logo in upper left corner

src/legacy/ui/public/chrome/directives/header_global_nav/components/header.tsx

iconType="logoKibana11111"

Logo folder: src/legacy/ui/public/icons , need to compile

Compromise, no svg packaging,

Modify the following two files

/node_modules/@elastic/eui/dist/eui_theme_light.css

/node_modules/@elastic/eui/dist/eui_theme_dark.css

Found: euiHeaderLogo__Icon style, modify opacity to 0

Found: euiHeaderLogo style, add background-image, background-repeat

Remove: euiHeaderLogo:focus Style background: #232635

Address Bar Logo

The requested URL/src/legacy/ui/public/assets/favicons was not found on this server.

Modify the title of the login interface

node_modules/x-pack/plugins/translations/translations/zh-CN.json

kbn.dashboard.dashboardAppBreadcrumbsTitle

kbn.discover.discoverBreadcrumbTitle

kbn.discoverTitle

Modify the logo of the login interface

kibana/built_assets/css/plugins/security/index.light.css

Find.loginWelcome__logo

added

background-image:url(images/kibana.png);

background-repeat:no;

The requested URL/css/plugins/security/images/was not found on this server.

Find loginWelcome__logo .euiIcon

added

opacity:0;

Remove the background image of the login interface

find

loginWelcome::before、loginWelcome::after

Remove background-image

After reading the above content, do you know how to modify the title and logo of kibana7? If you still want to learn more skills or want to know more related content, welcome to pay attention to the industry information channel, thank you for reading!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.