# Change the backgroundcolor of the chart

**URL:** https://discuss.elastic.co/t/change-the-backgroundcolor-of-the-chart/51935
**Category:** Kibana
**Created:** [June 6, 2016, 12:00pm UTC](https://discuss.elastic.co/t/change-the-backgroundcolor-of-the-chart/51935 "2016-06-06T12:00:10Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![bharat](https://avatars.discourse-cdn.com/v4/letter/b/5fc32e/32.png) [@bharat](https://discuss.elastic.co/u/bharat)
#### Post date: [June 6, 2016, 12:00pm UTC](https://discuss.elastic.co/t/change-the-backgroundcolor-of-the-chart/51935/1 "2016-06-06T12:00:10Z")

</div>

I am using the Kibana 4.5. In visualisation tab, I have created my chart and using it as an iframe. I want to change the background color of the chart as per my page(not Kibana) where this iframe fits. Any suggestions.

---

<div class="post-metadata">

### Author: ![shaunak](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/shaunak/32/6643_2.png) [@shaunak](https://discuss.elastic.co/u/shaunak)
#### Post date: [June 7, 2016, 6:13pm UTC](https://discuss.elastic.co/t/change-the-backgroundcolor-of-the-chart/51935/2 "2016-06-07T18:13:34Z")

</div>

There is no way to do this cleanly in Kibana today, via a proper interface. However, you could achieve this by taking the following steps on the server running Kibana:

1. Stop Kibana.

2. Change to the directory where you have installed Kibana.

3. Under that directory, edit this file: `src/plugins/kibana/public/visualize/editor/styles/_editor.less`

4. Find the `&.embedded` declaration block. Add your desired `background-color` declaration to this block.

5. Back on the command line, run `rm -rf optimize/bundles/`. This will cause Kibana to regenerate the compiled CSS (and other) bundles upon restart.

6. Restart Kibana.

---

<div class="post-metadata">

### Author: ![shaunak](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/shaunak/32/6643_2.png) [@shaunak](https://discuss.elastic.co/u/shaunak)
#### Post date: [June 7, 2016, 6:23pm UTC](https://discuss.elastic.co/t/change-the-backgroundcolor-of-the-chart/51935/3 "2016-06-07T18:23:24Z")

</div>

Of course, note that in a future version of Kibana the `_editor.less` file you edited will not contain your modification and the structure might change too. So you'll need to re-implement your modification.

---

<div class="post-metadata">

### Author: ![bharat](https://avatars.discourse-cdn.com/v4/letter/b/5fc32e/32.png) [@bharat](https://discuss.elastic.co/u/bharat)
#### Post date: [June 9, 2016, 10:13am UTC](https://discuss.elastic.co/t/change-the-backgroundcolor-of-the-chart/51935/4 "2016-06-09T10:13:42Z")

</div>

Thanks @shaunak, But I couldnot find any difference.

---

<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: [July 6, 2017, 1:51pm UTC](https://discuss.elastic.co/t/change-the-backgroundcolor-of-the-chart/51935/5 "2017-07-06T13:51:01Z")

</div>


