# Kibana Plugin detect Dark Mode on New Platform

**URL:** <https://discuss.elastic.co/t/kibana-plugin-detect-dark-mode-on-new-platform/264924>\
**Category:** Kibana\
**Created:** [February 20, 2021, 12:13am UTC](https://discuss.elastic.co/t/kibana-plugin-detect-dark-mode-on-new-platform/264924 "2021-02-20T00:13:22Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![npm\_install](https://avatars.discourse-cdn.com/v4/letter/n/c68b51/32.png) [@npm\_install](https://discuss.elastic.co/u/npm_install)\
**Post date:** [February 20, 2021, 12:13am UTC](https://discuss.elastic.co/t/kibana-plugin-detect-dark-mode-on-new-platform/264924/1 "2021-02-20T00:13:22Z")

</div>

Hi I have a Kibana Plugin that I have installed on my Kibana instance, but it is in light mode while the rest of the instance is in dark mode.

I have tried to find information on retrieving the dark mode setting config, but I have not been able to do so. How can I get my plugin to detect if it is light or dark modes and then adjust itself when it loads?

(I am using Kibana 7.6.2 right now)

Thanks!

---

<div class="post-metadata">

**Author:** ![Nathan\_Reese](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/nathan_reese/32/84829_2.png) [@Nathan\_Reese](https://discuss.elastic.co/u/Nathan_Reese)\
**Post date:** [February 20, 2021, 4:37am UTC](https://discuss.elastic.co/t/kibana-plugin-detect-dark-mode-on-new-platform/264924/2 "2021-02-20T04:37:02Z")

</div>

Make sure your root .scss file includes the following `@import '@elastic/eui/src/components/header/variables';`

---

<div class="post-metadata">

**Author:** ![npm\_install](https://avatars.discourse-cdn.com/v4/letter/n/c68b51/32.png) [@npm\_install](https://discuss.elastic.co/u/npm_install)\
**Post date:** [February 23, 2021, 2:03am UTC](https://discuss.elastic.co/t/kibana-plugin-detect-dark-mode-on-new-platform/264924/3 "2021-02-23T02:03:52Z")

</div>

Hi Nathan!

I tried to add this, but I am getting an error that it can't resolve that path. So I looked and I didn't find this in the codebase either ([eui/src/components/header at master · elastic/eui · GitHub](https://github.com/elastic/eui/tree/master/src/components/header)).  
Any other ideas?

Thanks!

---

<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:** [March 23, 2021, 2:04am UTC](https://discuss.elastic.co/t/kibana-plugin-detect-dark-mode-on-new-platform/264924/4 "2021-03-23T02:04:13Z")

</div>

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