# Dark / Light mode in Dashboards

**URL:** <https://discuss.elastic.co/t/dark-light-mode-in-dashboards/215191>\
**Category:** Kibana\
**Created:** [January 15, 2020, 7:12pm UTC](https://discuss.elastic.co/t/dark-light-mode-in-dashboards/215191 "2020-01-15T19:12:57Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![rosamar](https://avatars.discourse-cdn.com/v4/letter/r/e480ec/32.png) [@rosamar](https://discuss.elastic.co/u/rosamar)\
**Post date:** [January 15, 2020, 7:12pm UTC](https://discuss.elastic.co/t/dark-light-mode-in-dashboards/215191/1 "2020-01-15T19:12:57Z")

</div>

Is there a way to have an option within the Dashboard to switch between dark and light mode, or even better to link it to the app state related to the same style-modification ability?

I am working on a Vue/Vuetify/Vuex app that uses Kibana dashboards and Elastic-Search, and I'd like to have the option to change the dark/light mode of the dashboard either separately from the app or along with the app mode.

Thank you in advance.

---

<div class="post-metadata">

**Author:** ![Aaron\_Caldwell](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/aaron_caldwell/32/45755_2.png) [@Aaron\_Caldwell](https://discuss.elastic.co/u/Aaron_Caldwell)\
**Post date:** [January 17, 2020, 3:12am UTC](https://discuss.elastic.co/t/dark-light-mode-in-dashboards/215191/2 "2020-01-17T03:12:34Z")

</div>

Hello Marco,

This can be done via API call as outlined [here](https://discuss.elastic.co/t/kibana-7-x-dark-mode/183428). Just beware the caveats that it's undocumented and could be changed!

Regards,  
Aaron

---

<div class="post-metadata">

**Author:** ![rosamar](https://avatars.discourse-cdn.com/v4/letter/r/e480ec/32.png) [@rosamar](https://discuss.elastic.co/u/rosamar)\
**Post date:** [January 17, 2020, 2:29pm UTC](https://discuss.elastic.co/t/dark-light-mode-in-dashboards/215191/3 "2020-01-17T14:29:45Z")

</div>

Thank you so much!

---

<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:** [February 14, 2020, 2:29pm UTC](https://discuss.elastic.co/t/dark-light-mode-in-dashboards/215191/4 "2020-02-14T14:29:51Z")

</div>

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