# Changing kibana colors

**URL:** <https://discuss.elastic.co/t/changing-kibana-colors/80122>\
**Category:** Kibana\
**Created:** [March 27, 2017, 10:53am UTC](https://discuss.elastic.co/t/changing-kibana-colors/80122 "2017-03-27T10:53:12Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**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 27, 2017, 10:53am UTC](https://discuss.elastic.co/t/changing-kibana-colors/80122/1 "2017-03-27T10:53:12Z")

</div>

hi plz i want to change the sidebar color and the logo of kibana 5.1.2 plz i found articles about kibana 4.X but not kibana5

---

<div class="post-metadata">

**Author:** ![weltenwort](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/weltenwort/32/53885_2.png) [@weltenwort](https://discuss.elastic.co/u/weltenwort)\
**Post date:** [March 27, 2017, 11:01am UTC](https://discuss.elastic.co/t/changing-kibana-colors/80122/2 "2017-03-27T11:01:34Z")

</div>

Hi @Maher.Glenza,

there is no officially supported way of changing the theme of Kibana right now. The forum thread [Replace the kibana logo?](https://discuss.elastic.co/t/replace-the-kibana-logo/27547) contains some examples of replacing the logo in 5.x.

---

<div class="post-metadata">

**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 27, 2017, 11:03am UTC](https://discuss.elastic.co/t/changing-kibana-colors/80122/3 "2017-03-27T11:03:10Z")

</div>

ok thank you  
did you understand me about the side bar ?

---

<div class="post-metadata">

**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 27, 2017, 11:08am UTC](https://discuss.elastic.co/t/changing-kibana-colors/80122/4 "2017-03-27T11:08:17Z")

</div>

hey weltenwort i tried what they said but i don t see changes and i don t have the directory optimize/bundles/src

---

<div class="post-metadata">

**Author:** ![weltenwort](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/weltenwort/32/53885_2.png) [@weltenwort](https://discuss.elastic.co/u/weltenwort)\
**Post date:** [March 27, 2017, 11:10am UTC](https://discuss.elastic.co/t/changing-kibana-colors/80122/5 "2017-03-27T11:10:57Z")

</div>

I can only hope to have understood you correctly 😉 Changing the color of the sidebar would be a stylesheet change. Since the stylesheets are compiled into a single assets bundle, there is no easy way of replacing them selectively. If you feel adventurous you could try to create a "hack" plugin using [https://github.com/elastic/generator-kibana-plugin](https://github.com/elastic/generator-kibana-plugin) to add inline styles to the DOM after loading.

---

<div class="post-metadata">

**Author:** ![Kikketer](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/kikketer/32/13813_2.png) [@Kikketer](https://discuss.elastic.co/u/Kikketer)\
**Post date:** [March 27, 2017, 2:40pm UTC](https://discuss.elastic.co/t/changing-kibana-colors/80122/6 "2017-03-27T14:40:00Z")

</div>

> [@Theming Kibana with a Plugin](https://discuss.elastic.co/t/theming-kibana-with-a-plugin/79431):
>
> So I attempted to explore the path of theming Kibana with a plugin and the results were a bit sad frowning LESS is a great language for pre-processors of CSS and I actually prefer it compared to SCSS. But unfortunately what makes it great doesn't allow us to override variables with a plugin. Right now the colors of Kibana are determined mostly by a file called colors.less (surprise). LESS then uses the variables set there to compile the next files: colors.less something-else.less etc... …

I've forked Kibana to style it, changing the `colors.less`. You can try a hack as well as I did with the link above. It's not the "best" or "easiest" way but it does avoid the need for merge and forking Kibana.

---

<div class="post-metadata">

**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 27, 2017, 2:43pm UTC](https://discuss.elastic.co/t/changing-kibana-colors/80122/7 "2017-03-27T14:43:40Z")

</div>

thank you Kikketer

---

<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:** [April 24, 2017, 2:43pm UTC](https://discuss.elastic.co/t/changing-kibana-colors/80122/8 "2017-04-24T14:43:40Z")

</div>

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