# Dashboard theme - switch, using custom icon

**URL:** <https://discourse.nodered.org/t/dashboard-theme-switch-using-custom-icon/30325>\
**Category:** Dashboard\
**Created:** [19 July 2020 07:01 UTC](https://discourse.nodered.org/t/dashboard-theme-switch-using-custom-icon/30325 "2020-07-19T07:01:03Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![hklages](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hklages/32/23899_2.png) [@hklages](https://discourse.nodered.org/u/hklages)\
**Post date:** [19 July 2020 07:01 UTC](https://discourse.nodered.org/t/dashboard-theme-switch-using-custom-icon/30325/1 "2020-07-19T07:01:03Z")

</div>

When customizing a switch, using a custom icon (example "power") and not providing any color the default switch is displayed. Is color a "must field"? Does that work as designed?

I would expect that the power icon is displayed (even without any color specified) and with a default color - maybe --nr-dashboard-widgetBackgroundColor for active.

What color is used for default icon, switched off?

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [19 July 2020 11:07 UTC](https://discourse.nodered.org/t/dashboard-theme-switch-using-custom-icon/30325/2 "2020-07-19T11:07:43Z")

</div>

when set custom - yes you currently have to set it fully custom both icon and colours. Yes it's working as designed - though Pull Requests are welcome.

default colours were listed recently here

> [@Dashboard themes. Colour names](https://discourse.nodered.org/t/dashboard-themes-colour-names/30154/4):
>
> Dev tools (but scanning github would work too). Dark theme: :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;…

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [2 August 2020 11:07 UTC](https://discourse.nodered.org/t/dashboard-theme-switch-using-custom-icon/30325/3 "2020-08-02T11:07:47Z")

</div>

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