# Dashboard themes. Colour names

**URL:** <https://discourse.nodered.org/t/dashboard-themes-colour-names/30154>\
**Category:** Dashboard\
**Created:** [15 July 2020 21:44 UTC](https://discourse.nodered.org/t/dashboard-themes-colour-names/30154 "2020-07-15T21:44:16Z")\
**Posts on this page:** 1\
**Showing post:** 4

<div class="post-metadata">

**Author:** ![Andrei](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/andrei/32/10446_2.png) [@Andrei](https://discourse.nodered.org/u/Andrei)\
**Post date:** [16 July 2020 23:06 UTC](https://discourse.nodered.org/t/dashboard-themes-colour-names/30154/4 "2020-07-16T23:06:15Z")

</div>

> [@Trying\_to\_learn](#):
>
> how do I find the name of the colour used?

Dev tools (but scanning github would work too).

Dark theme:

```auto
:root {
    --nr-dashboard-pageBackgroundColor: #111111;
    --nr-dashboard-pageTitlebarBackgroundColor: #097479;
    --nr-dashboard-groupTextColor: #0eb8c0;
    --nr-dashboard-groupBackgroundColor: #333333;
    --nr-dashboard-groupBorderColor: #555555;
    --nr-dashboard-widgetTextColor: #eeeeee;
    --nr-dashboard-widgetBackgroundColor: #097479;
    --nr-dashboard-widgetBorderColor: #333333;
    --nr-dashboard-widgetColor: #097479;
    --nr-dashboard-widgetBgndColor: #333333;
}

```

Light theme:

```auto
:root {
    --nr-dashboard-pageBackgroundColor: #fafafa;
    --nr-dashboard-pageTitlebarBackgroundColor: #0094CE;
    --nr-dashboard-groupTextColor: #1bbfff;
    --nr-dashboard-groupBackgroundColor: #ffffff;
    --nr-dashboard-groupBorderColor: #ffffff;
    --nr-dashboard-widgetTextColor: #111111;
    --nr-dashboard-widgetBackgroundColor: #0094ce;
    --nr-dashboard-widgetBorderColor: #ffffff;
    --nr-dashboard-widgetColor: #0094ce;
    --nr-dashboard-widgetBgndColor: #ffffff;
}

```

---

_[View the full topic](https://discourse.nodered.org/t/dashboard-themes-colour-names/30154)._