# 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:** 1\
**Showing post:** 6

<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.

---

_[View the full topic](https://discuss.elastic.co/t/changing-kibana-colors/80122)._
