# Kibana 7.8.0 ( xpack login page customization )

**URL:** <https://discuss.elastic.co/t/kibana-7-8-0-xpack-login-page-customization/242155>\
**Category:** Kibana\
**Tags:** elastic-stack-security\
**Created:** [July 22, 2020, 8:57am UTC](https://discuss.elastic.co/t/kibana-7-8-0-xpack-login-page-customization/242155 "2020-07-22T08:57:55Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![Archangel](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/archangel/32/72592_2.png) [@Archangel](https://discuss.elastic.co/u/Archangel)\
**Post date:** [July 22, 2020, 8:57am UTC](https://discuss.elastic.co/t/kibana-7-8-0-xpack-login-page-customization/242155/1 "2020-07-22T08:57:55Z")

</div>

Has anybody tried to customize the login page? I tried pretty much everything imaginable, I did rm optimize/bundles but any changes I make doesn't seem to reflect when I restart kibana...

I tried to change the login text "Welcome to Kibana" via

```auto
/usr/share/kibana/x-pack/plugins/security/public/authentication/login/login_page.js

}, /*# __PURE__ */_react.default.createElement("h1", null, /*# __PURE__ */_react.default.createElement(_react2.FormattedMessage, {
id: "xpack.security.loginPage.welcomeTitle",
defaultMessage: "Server 1" <-- instead of "Welcome to Kibana"

```

It doesn't seem to have any effect, I tried the russian approach on the login page background color, I couldn't track down the source so I got irritated and grep + sed and replaced every single instance of #fafbfd. I grep the entire kibana folder and #fafbfd cannot be found nowhere anymore yet the background-color still is untouched...

Then deleted optimize/bundle restarted kibana and still nothing, I tried the same with the rbg equivalent, still the same...

What am I missing, is there somewhere kibana builds/cache its UI other than optimize/bundle that I'm not aware of?

Its been 3 days, 8hrs a day I'm trying to figure it out and I can't figure it out, I'm losing my sanity here lol!

I had no problem modifying the previous versions of Kibana to look and feel like the rest of my page since I'm iframing it into another page I have that regroups the things I use together at one place... But this version has been kicking my a$$...

Anyone? Help please...

---

<div class="post-metadata">

**Author:** ![Bamieh](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/bamieh/32/38730_2.png) [@Bamieh](https://discuss.elastic.co/u/Bamieh)\
**Post date:** [July 22, 2020, 2:29pm UTC](https://discuss.elastic.co/t/kibana-7-8-0-xpack-login-page-customization/242155/2 "2020-07-22T14:29:40Z")

</div>

What command are you using to run kibana?

For your usecase maybe creating a custom plugin then overriding the css and i18n message seems like a good approach here as well.

---

<div class="post-metadata">

**Author:** ![Archangel](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/archangel/32/72592_2.png) [@Archangel](https://discuss.elastic.co/u/Archangel)\
**Post date:** [July 22, 2020, 2:49pm UTC](https://discuss.elastic.co/t/kibana-7-8-0-xpack-login-page-customization/242155/3 "2020-07-22T14:49:54Z")

</div>

Hi Bamieh thanks for the reply, right now simply starting it off service in debian.

---

<div class="post-metadata">

**Author:** ![Mikhail\_Shustov](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/mikhail_shustov/32/49186_2.png) [@Mikhail\_Shustov](https://discuss.elastic.co/u/Mikhail_Shustov)\
**Post date:** [July 23, 2020, 12:02pm UTC](https://discuss.elastic.co/t/kibana-7-8-0-xpack-login-page-customization/242155/5 "2020-07-23T12:02:08Z")

</div>

@ [Archangel](https://discuss.elastic.co/u/Archangel)

> Has anybody tried to customize the login page? I tried pretty much everything imaginable, I did rm optimize/bundles but any changes I make doesn't seem to reflect when I restart kibana...

With the new Kibana plugin architecture, the Security plugin isn't compiled with optimizer anymore. You would have to change the plugin source and re-build the plugin or the whole Kibana.

There is an issue to support Customisation out of the box. [Easy way to customize Kibana logo and theme · Issue #17879 · elastic/kibana · GitHub](https://github.com/elastic/kibana/issues/17879)  
Meanwhile, the only way to customize the UI is to override CSS manually and it could be a problem because we've never stated them as Kibana public API that follows semver.

---

<div class="post-metadata">

**Author:** ![Archangel](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/archangel/32/72592_2.png) [@Archangel](https://discuss.elastic.co/u/Archangel)\
**Post date:** [July 23, 2020, 11:57pm UTC](https://discuss.elastic.co/t/kibana-7-8-0-xpack-login-page-customization/242155/6 "2020-07-23T23:57:39Z")

</div>

Thank you very much Mikhail, very valuable information. I thought it was getting compiled along with the optimizer too, I'm fairly new to elastic stack and its quite a bit of stuff to wrap your head around for a new comer.

Especially me in my case I'm starting a startup company and marketing is all about image, I need to be able to have tools and everything following my branding to promote a certain image to investors and such...

My field of competence is around cyber security and penetration testing, I was not expecting to have to become a web engineer to change background colors and logos lol... Its great that its a feature being looked into.

I do no care really that my investors/clients are aware that I use elastic search I'm not trying to camouflage it in any ways, I really just need my elastic search to comply with my branding really... I did it easily in 7.5 but 7.8 is a whole different animal...

Thanks alot for the info again, very appreciated!

---

<div class="post-metadata">

**Author:** ![Somchai\_Srisuk](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/somchai_srisuk/32/73160_2.png) [@Somchai\_Srisuk](https://discuss.elastic.co/u/Somchai_Srisuk)\
**Post date:** [July 31, 2020, 2:43pm UTC](https://discuss.elastic.co/t/kibana-7-8-0-xpack-login-page-customization/242155/7 "2020-07-31T14:43:52Z")

</div>

> [@Will my LDAP integration stop working when my Platinum license expires and enters in degraded mode?](https://discuss.elastic.co/t/will-my-ldap-integration-stop-working-when-my-platinum-license-expires-and-enters-in-degraded-mode/238940):
>
> In [in this topic](https://discuss.elastic.co/t/will-my-ldap-integration-stop-working-when-my-platinum-license-expires/226589) I asked about if my LDAP integration would stop working if my Platinum license expires. I got a good answer but actually, I think it was not what I expected. The answer was more about what would happen if I change my licence to be Basic. But my question was more about what happens when the Platinum licence expires and the cluster enters in ["degraded mode"](https://www.elastic.co/guide/en/elastic-stack-overview/6.8/license-expiration.html) as linked from [this main documentation](https://www.elastic.co/guide/en/elastic-stack-overview/6.8/license-management.html). The point is that the "degraded mode" documentation does not explain anything abo…

---

<div class="post-metadata">

**Author:** ![Archangel](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/archangel/32/72592_2.png) [@Archangel](https://discuss.elastic.co/u/Archangel)\
**Post date:** [August 5, 2020, 4:39am UTC](https://discuss.elastic.co/t/kibana-7-8-0-xpack-login-page-customization/242155/8 "2020-08-05T04:39:14Z")

</div>

So I managed to change the look and feel of 7.8 to suit my needs, I didn't need logos because I IFRAME kibana into my other page that I use as "main hub" for everything if you will. But I hope this can help someone from passing 2 weeks pulling your hair trying to figure it out like I did...

Being a backend/server/security guy, I'm not well versed in web stuff so it was quite challenging to figure where I could use as an injection point to add modifications without writing plugins and such...

Here's how it looks now and how to do it...

 ![screenshot1](https://us1.discourse-cdn.com/elastic/original/3X/0/8/08c2d6816aa943cdc9ffc0372e4e07928e56255b.png)  
 ![screenshot2](https://us1.discourse-cdn.com/elastic/original/3X/9/f/9fd85ec9435a15d0ad2d2834cad88df8d1e5bce5.png)  
 ![screenshot3](https://us1.discourse-cdn.com/elastic/original/3X/4/f/4f79d28c3722b597e0fbf0ddd27474f4a0fc56cf.png)

First don't make the mistake I did and try to search through the source codes to figure it out, use the browsers developer tool is far more efficient...

 ![howto1](https://us1.discourse-cdn.com/elastic/original/3X/4/9/495b1e16e30c4ac9f7c4061d587f3f0080ce7072.png)  
 ![howto2](https://us1.discourse-cdn.com/elastic/original/3X/e/9/e9ebb9ffbef787ebbb239055f236598abd7739ae.png)

Once you found the element you want to change as below.

 ![howto3](https://us1.discourse-cdn.com/elastic/original/3X/6/2/62a860eb00f58044f8f78931d6149abbe4f92304.png)

Go and edit the file [/usr/share/kibana/src/core/server/rendering/views/styles.js] and add the codes as such.

 ![howto4](https://us1.discourse-cdn.com/elastic/original/3X/6/e/6e2fe5a42b896c4d87dcf42e921d15befd183d33.png)

---

<div class="post-metadata">

**Author:** ![sima](https://avatars.discourse-cdn.com/v4/letter/s/f19dbf/32.png) [@sima](https://discuss.elastic.co/u/sima)\
**Post date:** [August 13, 2020, 3:36pm UTC](https://discuss.elastic.co/t/kibana-7-8-0-xpack-login-page-customization/242155/9 "2020-08-13T15:36:42Z")

</div>

Hello there!!

I tried doing as you said. I edited /usr/share/kibana/src/core/server/rendering/views/styles.js file and added the code as you said but still there is no change at all. Do you have any idea? This code is what i have added but still no change.

 ![image](https://us1.discourse-cdn.com/elastic/original/3X/3/f/3f2ccf3106db0383b8386c90367b36d9516e2509.png)

---

<div class="post-metadata">

**Author:** ![Archangel](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/archangel/32/72592_2.png) [@Archangel](https://discuss.elastic.co/u/Archangel)\
**Post date:** [August 13, 2020, 3:52pm UTC](https://discuss.elastic.co/t/kibana-7-8-0-xpack-login-page-customization/242155/10 "2020-08-13T15:52:10Z")

</div>

Hi Sima, try restarting Kibana service and clearing your browser cache. That should dont trick.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)\
**Post date:** [September 10, 2020, 3:52pm UTC](https://discuss.elastic.co/t/kibana-7-8-0-xpack-login-page-customization/242155/11 "2020-09-10T15:52:11Z")

</div>

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.