# How to change the background color **URL:** \ **Category:** Kibana\ **Created:** [May 5, 2016, 1:03pm UTC](https://discuss.elastic.co/t/how-to-change-the-background-color/49291 "2016-05-05T13:03:13Z")\ **Posts on this page:** 6\ **Page:** 1
**Author:** ![sinto\_paulson](https://avatars.discourse-cdn.com/v4/letter/s/ed8c4c/32.png) [@sinto\_paulson](https://discuss.elastic.co/u/sinto_paulson)\ **Post date:** [May 5, 2016, 1:03pm UTC](https://discuss.elastic.co/t/how-to-change-the-background-color/49291/1 "2016-05-05T13:03:13Z")
I am new to Kibana, i want to change the black background color of kibana dashboard. the portion which i am talking about will come on the right side of the kibana logo. Here the background style is specified as inline. Is there a way we can change this ? Thanks, Sinto ---
**Author:** ![jbudz](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/jbudz/32/45922_2.png) [@jbudz](https://discuss.elastic.co/u/jbudz)\ **Post date:** [May 5, 2016, 8:58pm UTC](https://discuss.elastic.co/t/how-to-change-the-background-color/49291/2 "2016-05-05T20:58:20Z")
In 4.2-4.5 you can find it in `src/plugins/kibana/public/kibana.js` > ---
**Author:** ![sinto\_paulson](https://avatars.discourse-cdn.com/v4/letter/s/ed8c4c/32.png) [@sinto\_paulson](https://discuss.elastic.co/u/sinto_paulson)\ **Post date:** [May 6, 2016, 3:46am UTC](https://discuss.elastic.co/t/how-to-change-the-background-color/49291/3 "2016-05-06T03:46:26Z")
Thank you for your reply Jon. I tried what you have mentioned, but still i am getting the black background color. the html code is ng-style="::{ background: chrome.getNavBackground() }" ng-class="{ show: chrome.getVisible() }" class="hide navbar navbar-inverse navbar-static-top show" **style="background: rgb(34, 34, 34);**"\> Appreciate your help ---
**Author:** ![jbudz](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/jbudz/32/45922_2.png) [@jbudz](https://discuss.elastic.co/u/jbudz)\ **Post date:** [May 6, 2016, 2:09pm UTC](https://discuss.elastic.co/t/how-to-change-the-background-color/49291/4 "2016-05-06T14:09:17Z")
Are you running kibana in development mode? If not the changes from modifying that file won't be visible until bundles are regenerated. Hopefully this helps: > [@How to change the page of kibana?](https://discuss.elastic.co/t/how-to-change-the-page-of-kibana/49252/2): > > Kibana packages up files into the root level /optimize directory before serving them to the browser. If your server isn't running in development mode, or the files in the optimize directory aren't updated, then your changes won't be visible. [https://github.com/elastic/kibana/blob/master/CONTRIBUTING.md#development-environment-setup](https://github.com/elastic/kibana/blob/master/CONTRIBUTING.md#development-environment-setup) is a good resource for getting a dev environment setup. If you have downloaded a packaged version of Kibana (off [https://www.elastic.co/downloads/kibana](https://www.elastic.co/downloads/kibana) for exampl… ---
**Author:** ![Maher.Glenza](https://avatars.discourse-cdn.com/v4/letter/m/e5b9ba/32.png) [@Maher.Glenza](https://discuss.elastic.co/u/Maher.Glenza)\ **Post date:** [March 24, 2017, 7:19am UTC](https://discuss.elastic.co/t/how-to-change-the-background-color/49291/5 "2017-03-24T07:19:41Z")
hey ! plz what about kibana 5.1.2 how can i change the blue color of the navbar thanks ---
**Author:** ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)\ **Post date:** [July 6, 2017, 1:32pm UTC](https://discuss.elastic.co/t/how-to-change-the-background-color/49291/6 "2017-07-06T13:32:36Z")