# Custom theme development

**URL:** <https://discuss.elastic.co/t/custom-theme-development/124208>\
**Category:** Kibana\
**Created:** [March 16, 2018, 5:42am UTC](https://discuss.elastic.co/t/custom-theme-development/124208 "2018-03-16T05:42:13Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Vishal\_Gupta](https://avatars.discourse-cdn.com/v4/letter/v/ad7895/32.png) [@Vishal\_Gupta](https://discuss.elastic.co/u/Vishal_Gupta)\
**Post date:** [March 16, 2018, 5:42am UTC](https://discuss.elastic.co/t/custom-theme-development/124208/1 "2018-03-16T05:42:13Z")

</div>

I am planning to create some custom pages or custom theme in Kibana. Can any please help me from where did I start this?

---

<div class="post-metadata">

**Author:** ![rashmi](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/rashmi/32/16391_2.png) [@rashmi](https://discuss.elastic.co/u/rashmi)\
**Post date:** [March 16, 2018, 5:17pm UTC](https://discuss.elastic.co/t/custom-theme-development/124208/2 "2018-03-16T17:17:18Z")

</div>

Hi Vishal

The ability to theme Kibana is a common request, and one that's definitely on our radar. Currently, this isn't supported, which explains the difficulty you're having. We're currently working on replacing our existing LESS styles with an SCSS-driven UI Framework. The long-term goal is a (S)CSS codebase that you and other plugin developers can depend upon, so theming will be a much more pleasant and stable process.

Here are some relevant resources:

You can track this for progress.[https://github.com/elastic/kibana/issues/9708](https://github.com/elastic/kibana/issues/9708)

There is a very cool blog post also in this regard: [https://www.elastic.co/blog/componentizing-the-kibana-ui-css-that-scales](https://www.elastic.co/blog/componentizing-the-kibana-ui-css-that-scales)

To theme Kibana with a plugin  
If you wish to theme Kibana with a plugin, you are forced to step into the specificity and `!important` realm of overriding vanilla CSS. I will not personally do this since it creates a pile of bloated CSS and is difficult to maintain. I'll continue to fork Kibana to alter the colors.

Thanks,  
Rashmi

---

<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 13, 2018, 5:17pm UTC](https://discuss.elastic.co/t/custom-theme-development/124208/3 "2018-04-13T17:17:30Z")

</div>

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