# When the color 'teal' is not quite 'teal' in NR dashboard?

**URL:** https://discourse.nodered.org/t/when-the-color-teal-is-not-quite-teal-in-nr-dashboard/83702
**Category:** General
**Created:** [14 December 2023 00:39 UTC](https://discourse.nodered.org/t/when-the-color-teal-is-not-quite-teal-in-nr-dashboard/83702 "2023-12-14T00:39:13Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![Nodi.Rubrum](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/nodi.rubrum/32/107482_2.png) [@Nodi.Rubrum](https://discourse.nodered.org/u/Nodi.Rubrum)
#### Post date: [14 December 2023 00:39 UTC](https://discourse.nodered.org/t/when-the-color-teal-is-not-quite-teal-in-nr-dashboard/83702/1 "2023-12-14T00:39:13Z")

</div>

When the color 'teal' is not quite 'teal' in NR dashboard? In the graphic below, the 'Power' button is default button background color. Other buttons were explicitly set to 'teal'. Note the slight variation in color, the set to 'teal' color is slightly greener.

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/3/1/315ada37e4f16821707fa804c268413a133e6c8d.png)

When I disable buttons I set them to black on red, then when enable desired, I set to white on teal, thinking this would match the default colors when said buttons are created (per the believed default teal and black theme). But this does not seem to be the case?

Depending on the monitor this difference is slight or on my monitor, very different (Dell IPS monitor), so there is a difference between the default NR theme and javascript defined 'teal' color? To my eye is the default theme really DarkCyan? #008080 versus #008B8B?

---

<div class="post-metadata">

### Author: ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)
#### Post date: [14 December 2023 02:00 UTC](https://discourse.nodered.org/t/when-the-color-teal-is-not-quite-teal-in-nr-dashboard/83702/2 "2023-12-14T02:00:00Z")

</div>

A button on the dark theme dashboard seems to have this default styling:

```auto
.nr-dashboard-theme .nr-dashboard-button .md-button {
  background-color: #097479;
  color: white;
}

.nr-dashboard-theme .nr-dashboard-button .md-button:hover {
  background-color: #0b8f95;
}

```

---

<div class="post-metadata">

### Author: ![Nodi.Rubrum](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/nodi.rubrum/32/107482_2.png) [@Nodi.Rubrum](https://discourse.nodered.org/u/Nodi.Rubrum)
#### Post date: [22 December 2023 17:22 UTC](https://discourse.nodered.org/t/when-the-color-teal-is-not-quite-teal-in-nr-dashboard/83702/3 "2023-12-22T17:22:14Z")

</div>

Wow, even slightly, different that what I thought.

---

<div class="post-metadata">

### Author: ![marcus-j-davies](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/marcus-j-davies/32/103435_2.png) [@marcus-j-davies](https://discourse.nodered.org/u/marcus-j-davies)
#### Post date: [22 December 2023 17:24 UTC](https://discourse.nodered.org/t/when-the-color-teal-is-not-quite-teal-in-nr-dashboard/83702/4 "2023-12-22T17:24:32Z")

</div>

Lets hope there isn't 50 shades of teal 🤭

---

<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: [22 December 2023 17:39 UTC](https://discourse.nodered.org/t/when-the-color-teal-is-not-quite-teal-in-nr-dashboard/83702/5 "2023-12-22T17:39:10Z")

</div>

trust me - teal was not a colour I even knew the name of - If I had we may have used the name - but no... it is just a hex code 🙂

---

<div class="post-metadata">

### Author: ![Nodi.Rubrum](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/nodi.rubrum/32/107482_2.png) [@Nodi.Rubrum](https://discourse.nodered.org/u/Nodi.Rubrum)
#### Post date: [28 December 2023 05:04 UTC](https://discourse.nodered.org/t/when-the-color-teal-is-not-quite-teal-in-nr-dashboard/83702/6 "2023-12-28T05:04:40Z")

</div>

LOL... 50 shades of Teal.

---

<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: [26 February 2024 05:05 UTC](https://discourse.nodered.org/t/when-the-color-teal-is-not-quite-teal-in-nr-dashboard/83702/7 "2024-02-26T05:05:17Z")

</div>

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