# Light Theme - BGCOLOR changes light\_theme.style.css

**URL:** https://discuss.elastic.co/t/light-theme-bgcolor-changes-light-theme-style-css/223451
**Category:** Kibana
**Created:** [March 13, 2020, 5:53am UTC](https://discuss.elastic.co/t/light-theme-bgcolor-changes-light-theme-style-css/223451 "2020-03-13T05:53:37Z")
**Posts on this page:** 1
**Showing post:** 8

<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, 2020, 3:56pm UTC](https://discuss.elastic.co/t/light-theme-bgcolor-changes-light-theme-style-css/223451/8 "2020-03-16T15:56:38Z")

</div>

There are many discuss posts around this if you look. ( they are old, but the steps may be same, you may want to check that - posting couple links here:)

> [@Change the backgroundcolor of the chart](https://discuss.elastic.co/t/change-the-backgroundcolor-of-the-chart/51935):
>
> 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.

> [@How to apply custom css in Kibana UI](https://discuss.elastic.co/t/how-to-apply-custom-css-in-kibana-ui/37434/8):
>
> There's not, hacks don't have an API, they just inject some script into the page. If you wanted to execute code conditionally as you navigate the app, you'd have to implement that yourself. You could, as one solution, watch for changes in the URL and react accordingly. Another way to do this is to write a plugin that simply imports your styles, and use specific CSS selectors to override colors. I believe, though have not tested this, that plugin assets get injects after the core Kibana assets, …

hope it helps  
Rashmi

---

_[View the full topic](https://discuss.elastic.co/t/light-theme-bgcolor-changes-light-theme-style-css/223451)._