# Colors strange behavior

**URL:** <https://discourse.nodered.org/t/colors-strange-behavior/13839>\
**Category:** Dashboard\
**Created:** [30 July 2019 12:40 UTC](https://discourse.nodered.org/t/colors-strange-behavior/13839 "2019-07-30T12:40:52Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![ipa64](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ipa64/32/10526_2.png) [@ipa64](https://discourse.nodered.org/u/ipa64)\
**Post date:** [30 July 2019 12:40 UTC](https://discourse.nodered.org/t/colors-strange-behavior/13839/1 "2019-07-30T12:40:53Z")

</div>

Hi,  
Since I have upgrade from 0.18.5 to 0.20.7 colors on dashboard has changed, they are more darker.  
Even with #ff0000 for a button color background I get a dark red, before I got a bright`Preformatted text` red.  
More strange, on a button with « red » as background color (static) I get a bright red. On a button with dynamic color {{payload}} for the background color, with the payload « red » I get a dark red !  
I am probably missing something

---

<div class="post-metadata">

**Author:** ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)\
**Post date:** [30 July 2019 12:44 UTC](https://discourse.nodered.org/t/colors-strange-behavior/13839/2 "2019-07-30T12:44:32Z")

</div>

First thing is to try to clear the browser cache.

---

<div class="post-metadata">

**Author:** ![ipa64](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ipa64/32/10526_2.png) [@ipa64](https://discourse.nodered.org/u/ipa64)\
**Post date:** [30 July 2019 13:07 UTC](https://discourse.nodered.org/t/colors-strange-behavior/13839/3 "2019-07-30T13:07:30Z")

</div>

No change with browser clear cache

 ![IMG_2656](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/5/5eb4da9abbd266ab469ba5f9efdd4ad219e68452.jpeg)  
The first button background = red  
The second background = {{payload}}  
and get payload = "red"

With Nodered 0.20.7 on IOS browser Safari

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [30 July 2019 15:48 UTC](https://discourse.nodered.org/t/colors-strange-behavior/13839/4 "2019-07-30T15:48:37Z")

</div>

Have a look using the developer tools for the browser to see what css it is using for each one. That should give a clue to what is going on.

---

<div class="post-metadata">

**Author:** ![ipa64](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ipa64/32/10526_2.png) [@ipa64](https://discourse.nodered.org/u/ipa64)\
**Post date:** [4 August 2019 10:55 UTC](https://discourse.nodered.org/t/colors-strange-behavior/13839/5 "2019-08-04T10:55:10Z")

</div>

Today I understood why, as soon as a button is pressed, it will stay pressed even after it was released ( tested on IOS ), but as soon as you press another button, it will be unselect, so it will get the correct color !  
In fact it’s the same problem, same cause that I reported here

[Slider keep in focus after it was released #519](https://github.com/node-red/node-red-dashboard/issues/519)

---

<div class="post-metadata">

**Author:** ![ipa64](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ipa64/32/10526_2.png) [@ipa64](https://discourse.nodered.org/u/ipa64)\
**Post date:** [5 August 2019 01:20 UTC](https://discourse.nodered.org/t/colors-strange-behavior/13839/6 "2019-08-05T01:20:17Z")

</div>

![IMG_2685](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/5/5adb846839f0da2ef1e8b7d0673b5d4abd0a1a4f.jpeg)