You pasted it into the custom css part of the dashboard correct?
Yes. Then i hit save. There was nothing in my CSS area as it was a brand new dashboard with one temp tile.
1 Like
In my case, the Save appeared to do nothing. After saving, I closed the advanced window then re-opened it. The CSS tab/window is blank.
Just for fun add this line to your CSS:
.temp-undefined{background:linear-gradient(180deg,red,orange,yellow,green,blue,idigo,violet);}
Looks like the default temperature tile may have a small issue.
Nothing happens. Maybe the ".temp is not right?
Run it through smartly and see if that helps.
https://community.hubitat.com/t/release-smartly-2-0-featuring-smartly-inject/53853
1 Like
Doesnt look like it does anything.
Don't you have to change it for the temperatures in C rather than F?
I require F
the code @lewis.heidrick posted is correct. However it ONLY WORKS IF you are running smartly AND have the smartly inject.JS installed via hubitat package manager, and that JSiject tile on that dash. Without smartly Inject.JS this will NOT work. HE does not isolate that CSS class on it's own, it can only be targeted via smartly AND smartly inject.
If you need additional help find me over at the smartly support site for all smartly related support questions. 
EDIT: I should also say with smartly and the injectJS you don't really NEED that code. smartly will automatically adjust the temps for you. You can also customize the transition points. (built-in mod shown below, no CSS needed)
2 Likes
So if I add the smartly inject.us and insert the special tile......can I insert that code he provided to only alter my temps. I don’t want to use smartly as I have a Dashboard I like. Would like to have the color temp tho.
What’s the easiest way to change the label for a tile? Can it be done with custom css or do I have to use smartly?
Should be able to do it with CSS. Might have to resort to a few tricks to do it, but there are examples of removing text, adding to it, and psuedo replacement.
Here's something I saw on this forum somewhere that I use for changing the title:
#tile-1 .tile-title {
visibility: hidden;
white-space: nowrap !important;
overflow: unset;
}
#tile-1 .tile-title:after {
content: 'Porch';
}
2 Likes
Thanks, I’ll give that a shot.
not sure, never tried to use it without smartly. They are designed to work together. Not sure if it will expose the CSS class without smartly. Try it and LMK how to pans out.
If you want to do it via JSON I have coding for that, but it's HUGE and will not work with cloud dashboard (over character limit)
We no longer use, or support this code. This WILL break cloud dashboard access (too many characters). Use at your own risk.
Sample
{
"template": "temperature",
"bgColor": "rgba(47,33,221,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "30.0"
},
{
"template": "temperature",
"bgColor": "rgba(47,33,221,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "30.1"
},
{
"template": "temperature",
"bgColor": "rgba(47,33,221,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "30.2"
},
{
"template": "temperature",
"bgColor": "rgba(47,33,221,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "30.3"
},
{
"template": "temperature",
"bgColor": "rgba(47,33,221,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "30.4"
},
{
"template": "temperature",
"bgColor": "rgba(47,33,221,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "30.5"
},
{
"template": "temperature",
"bgColor": "rgba(47,33,221,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "30.6"
},
{
"template": "temperature",
"bgColor": "rgba(47,33,221,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "30.7"
},
{
"template": "temperature",
"bgColor": "rgba(47,33,221,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "30.8"
},
{
"template": "temperature",
"bgColor": "rgba(47,33,221,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "30.9"
},
{
"template": "temperature",
"bgColor": "rgba(47,33,221,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "31.0"
},
{
"template": "temperature",
"bgColor": "rgba(47,33,221,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "31.1"
},
{
"template": "temperature",
"bgColor": "rgba(47,33,221,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "31.2"
},
{
"template": "temperature",
"bgColor": "rgba(47,33,221,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "31.3"
},
{
"template": "temperature",
"bgColor": "rgba(47,33,221,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "31.4"
},
{
"template": "temperature",
"bgColor": "rgba(47,33,221,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "31.5"
},
{
"template": "temperature",
"bgColor": "rgba(47,33,221,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "31.6"
},
{
"template": "temperature",
"bgColor": "rgba(47,33,221,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "31.7"
},
{
"template": "temperature",
"bgColor": "rgba(47,33,221,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "31.8"
},
{
"template": "temperature",
"bgColor": "rgba(47,33,221,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "31.9"
},
{
"template": "temperature",
"bgColor": "rgba(47,33,221,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "32.0"
},
{
"template": "temperature",
"bgColor": "rgba(47,33,221,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "32.1"
},
{
"template": "temperature",
"bgColor": "rgba(47,33,221,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "32.2"
},
{
"template": "temperature",
"bgColor": "rgba(47,33,221,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "32.3"
},
{
"template": "temperature",
"bgColor": "rgba(47,33,221,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "32.4"
},
{
"template": "temperature",
"bgColor": "rgba(34,41,215,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "32.5"
},
{
"template": "temperature",
"bgColor": "rgba(34,41,215,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "32.6"
},
{
"template": "temperature",
"bgColor": "rgba(34,41,215,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "32.7"
},
{
"template": "temperature",
"bgColor": "rgba(34,41,215,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "32.8"
},
{
"template": "temperature",
"bgColor": "rgba(34,41,215,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "32.9"
},
{
"template": "temperature",
"bgColor": "rgba(34,41,215,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "33.0"
},
{
"template": "temperature",
"bgColor": "rgba(34,41,215,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "33.1"
},
{
"template": "temperature",
"bgColor": "rgba(34,41,215,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "33.2"
},
{
"template": "temperature",
"bgColor": "rgba(34,41,215,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "33.3"
},
{
"template": "temperature",
"bgColor": "rgba(34,41,215,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "33.4"
},
{
"template": "temperature",
"bgColor": "rgba(34,41,215,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "33.5"
},
{
"template": "temperature",
"bgColor": "rgba(34,41,215,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "33.6"
},
{
"template": "temperature",
"bgColor": "rgba(34,41,215,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "33.7"
},
{
"template": "temperature",
"bgColor": "rgba(34,41,215,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "33.8"
},
{
"template": "temperature",
"bgColor": "rgba(34,41,215,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "33.9"
},
{
"template": "temperature",
"bgColor": "rgba(34,41,215,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "34.0"
},
{
"template": "temperature",
"bgColor": "rgba(34,41,215,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "34.1"
},
{
"template": "temperature",
"bgColor": "rgba(34,41,215,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "34.2"
},
{
"template": "temperature",
"bgColor": "rgba(34,41,215,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "34.3"
},
{
"template": "temperature",
"bgColor": "rgba(34,41,215,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "34.4"
},
{
"template": "temperature",
"bgColor": "rgba(34,41,215,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "34.5"
},
{
"template": "temperature",
"bgColor": "rgba(34,41,215,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "34.6"
},
{
"template": "temperature",
"bgColor": "rgba(34,41,215,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "34.7"
},
{
"template": "temperature",
"bgColor": "rgba(34,41,215,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "34.8"
},
{
"template": "temperature",
"bgColor": "rgba(34,41,215,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "34.9"
},
{
"template": "temperature",
"bgColor": "rgba(26,47,211,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "35.0"
},
{
"template": "temperature",
"bgColor": "rgba(26,47,211,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "35.1"
},
{
"template": "temperature",
"bgColor": "rgba(26,47,211,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "35.2"
},
{
"template": "temperature",
"bgColor": "rgba(26,47,211,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "35.3"
},
{
"template": "temperature",
"bgColor": "rgba(26,47,211,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "35.4"
},
{
"template": "temperature",
"bgColor": "rgba(26,47,211,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "35.5"
},
{
"template": "temperature",
"bgColor": "rgba(26,47,211,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "35.6"
},
{
"template": "temperature",
"bgColor": "rgba(26,47,211,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "35.7"
},
{
"template": "temperature",
"bgColor": "rgba(26,47,211,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "35.8"
},
{
"template": "temperature",
"bgColor": "rgba(26,47,211,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "35.9"
},
{
"template": "temperature",
"bgColor": "rgba(26,47,211,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "36.0"
},
{
"template": "temperature",
"bgColor": "rgba(26,47,211,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "36.1"
},
{
"template": "temperature",
"bgColor": "rgba(26,47,211,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "36.2"
},
{
"template": "temperature",
"bgColor": "rgba(26,47,211,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "36.3"
},
{
"template": "temperature",
"bgColor": "rgba(26,47,211,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "36.4"
},
{
"template": "temperature",
"bgColor": "rgba(26,47,211,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "36.5"
},
{
"template": "temperature",
"bgColor": "rgba(26,47,211,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "36.6"
},
{
"template": "temperature",
"bgColor": "rgba(26,47,211,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "36.7"
},
{
"template": "temperature",
"bgColor": "rgba(26,47,211,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "36.8"
},
{
"template": "temperature",
"bgColor": "rgba(26,47,211,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "36.9"
},
{
"template": "temperature",
"bgColor": "rgba(26,47,211,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "37.0"
},
{
"template": "temperature",
"bgColor": "rgba(26,47,211,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "37.1"
},
{
"template": "temperature",
"bgColor": "rgba(26,47,211,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "37.2"
},
{
"template": "temperature",
"bgColor": "rgba(26,47,211,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "37.3"
},
{
"template": "temperature",
"bgColor": "rgba(26,47,211,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "37.4"
},
{
"template": "temperature",
"bgColor": "rgba(19,50,209,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "37.5"
},
{
"template": "temperature",
"bgColor": "rgba(19,50,209,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "37.6"
},
{
"template": "temperature",
"bgColor": "rgba(19,50,209,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "37.7"
},
{
"template": "temperature",
"bgColor": "rgba(19,50,209,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "37.8"
},
{
"template": "temperature",
"bgColor": "rgba(19,50,209,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "37.9"
},
{
"template": "temperature",
"bgColor": "rgba(19,50,209,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "38.0"
},
{
"template": "temperature",
"bgColor": "rgba(19,50,209,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "38.1"
},
{
"template": "temperature",
"bgColor": "rgba(19,50,209,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "38.2"
},
{
"template": "temperature",
"bgColor": "rgba(19,50,209,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "38.3"
},
{
"template": "temperature",
"bgColor": "rgba(19,50,209,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "38.4"
},
{
"template": "temperature",
"bgColor": "rgba(19,50,209,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "38.5"
},
{
"template": "temperature",
"bgColor": "rgba(19,50,209,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "38.6"
},
{
"template": "temperature",
"bgColor": "rgba(19,50,209,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "38.7"
},
{
"template": "temperature",
"bgColor": "rgba(19,50,209,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "38.8"
},
{
"template": "temperature",
"bgColor": "rgba(19,50,209,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "38.9"
},
{
"template": "temperature",
"bgColor": "rgba(19,50,209,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "39.0"
},
{
"template": "temperature",
"bgColor": "rgba(19,50,209,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "39.1"
},
{
"template": "temperature",
"bgColor": "rgba(19,50,209,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "39.2"
},
{
"template": "temperature",
"bgColor": "rgba(19,50,209,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "39.3"
},
{
"template": "temperature",
"bgColor": "rgba(19,50,209,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "39.4"
},
{
"template": "temperature",
"bgColor": "rgba(19,50,209,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "39.5"
},
{
"template": "temperature",
"bgColor": "rgba(19,50,209,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "39.6"
},
{
"template": "temperature",
"bgColor": "rgba(19,50,209,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "39.7"
},
{
"template": "temperature",
"bgColor": "rgba(19,50,209,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "39.8"
},
{
"template": "temperature",
"bgColor": "rgba(19,50,209,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "39.9"
},
{
"template": "temperature",
"bgColor": "rgba(22,68,186,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "40.0"
},
{
"template": "temperature",
"bgColor": "rgba(22,68,186,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "40.1"
},
{
"template": "temperature",
"bgColor": "rgba(22,68,186,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "40.2"
},
{
"template": "temperature",
"bgColor": "rgba(22,68,186,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "40.3"
},
{
"template": "temperature",
"bgColor": "rgba(22,68,186,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "40.4"
},
{
"template": "temperature",
"bgColor": "rgba(22,68,186,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "40.5"
},
{
"template": "temperature",
"bgColor": "rgba(22,68,186,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "40.6"
},
{
"template": "temperature",
"bgColor": "rgba(22,68,186,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "40.7"
},
{
"template": "temperature",
"bgColor": "rgba(22,68,186,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "40.8"
},
{
"template": "temperature",
"bgColor": "rgba(22,68,186,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "40.9"
},
{
"template": "temperature",
"bgColor": "rgba(22,68,186,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "41.0"
},
{
"template": "temperature",
"bgColor": "rgba(22,68,186,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "41.1"
},
{
"template": "temperature",
"bgColor": "rgba(22,68,186,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "41.2"
},
{
"template": "temperature",
"bgColor": "rgba(22,68,186,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "41.3"
},
{
"template": "temperature",
"bgColor": "rgba(22,68,186,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "41.4"
},
{
"template": "temperature",
"bgColor": "rgba(22,68,186,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "41.5"
},
{
"template": "temperature",
"bgColor": "rgba(22,68,186,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "41.6"
},
{
"template": "temperature",
"bgColor": "rgba(22,68,186,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "41.7"
},
{
"template": "temperature",
"bgColor": "rgba(22,68,186,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "41.8"
},
{
"template": "temperature",
"bgColor": "rgba(22,68,186,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "41.9"
},
{
"template": "temperature",
"bgColor": "rgba(22,68,186,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "42.0"
},
{
"template": "temperature",
"bgColor": "rgba(22,68,186,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "42.1"
},
{
"template": "temperature",
"bgColor": "rgba(22,68,186,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "42.2"
},
{
"template": "temperature",
"bgColor": "rgba(22,68,186,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "42.3"
},
{
"template": "temperature",
"bgColor": "rgba(22,68,186,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "42.4"
},
{
"template": "temperature",
"bgColor": "rgba(26,68,161,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "42.5"
},
{
"template": "temperature",
"bgColor": "rgba(26,68,161,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "42.6"
},
{
"template": "temperature",
"bgColor": "rgba(26,68,161,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "42.7"
},
{
"template": "temperature",
"bgColor": "rgba(26,68,161,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "42.8"
},
{
"template": "temperature",
"bgColor": "rgba(26,68,161,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "42.9"
},
{
"template": "temperature",
"bgColor": "rgba(26,68,161,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "43.0"
},
{
"template": "temperature",
"bgColor": "rgba(26,68,161,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "43.1"
},
{
"template": "temperature",
"bgColor": "rgba(26,68,161,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "43.2"
},
{
"template": "temperature",
"bgColor": "rgba(26,68,161,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "43.3"
},
{
"template": "temperature",
"bgColor": "rgba(26,68,161,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "43.4"
},
{
"template": "temperature",
"bgColor": "rgba(26,68,161,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "43.5"
},
{
"template": "temperature",
"bgColor": "rgba(26,68,161,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "43.6"
},
{
"template": "temperature",
"bgColor": "rgba(26,68,161,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "43.7"
},
{
"template": "temperature",
"bgColor": "rgba(26,68,161,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "43.8"
},
{
"template": "temperature",
"bgColor": "rgba(26,68,161,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "43.9"
},
{
"template": "temperature",
"bgColor": "rgba(26,68,161,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "44.0"
},
{
"template": "temperature",
"bgColor": "rgba(26,68,161,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "44.1"
},
{
"template": "temperature",
"bgColor": "rgba(26,68,161,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "44.2"
},
{
"template": "temperature",
"bgColor": "rgba(26,68,161,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "44.3"
},
{
"template": "temperature",
"bgColor": "rgba(26,68,161,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "44.4"
},
{
"template": "temperature",
"bgColor": "rgba(26,68,161,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "44.5"
},
{
"template": "temperature",
"bgColor": "rgba(26,68,161,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "44.6"
},
{
"template": "temperature",
"bgColor": "rgba(26,68,161,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "44.7"
},
{
"template": "temperature",
"bgColor": "rgba(26,68,161,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "44.8"
},
{
"template": "temperature",
"bgColor": "rgba(26,68,161,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "44.9"
},
{
"template": "temperature",
"bgColor": "rgba(30,111,133,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "45.0"
},
{
"template": "temperature",
"bgColor": "rgba(30,111,133,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "45.1"
},
{
"template": "temperature",
"bgColor": "rgba(30,111,133,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "45.2"
},
{
"template": "temperature",
"bgColor": "rgba(30,111,133,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "45.3"
},
{
"template": "temperature",
"bgColor": "rgba(30,111,133,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "45.4"
},
{
"template": "temperature",
"bgColor": "rgba(30,111,133,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "45.5"
},
{
"template": "temperature",
"bgColor": "rgba(30,111,133,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "45.6"
},
{
"template": "temperature",
"bgColor": "rgba(30,111,133,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "45.7"
},
{
"template": "temperature",
"bgColor": "rgba(30,111,133,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "45.8"
},
{
"template": "temperature",
"bgColor": "rgba(30,111,133,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "45.9"
},
{
"template": "temperature",
"bgColor": "rgba(30,111,133,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "46.0"
},
{
"template": "temperature",
"bgColor": "rgba(30,111,133,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "46.1"
},
{
"template": "temperature",
"bgColor": "rgba(30,111,133,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "46.2"
},
{
"template": "temperature",
"bgColor": "rgba(30,111,133,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "46.3"
},
{
"template": "temperature",
"bgColor": "rgba(30,111,133,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "46.4"
},
{
"template": "temperature",
"bgColor": "rgba(30,111,133,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "46.5"
},
{
"template": "temperature",
"bgColor": "rgba(30,111,133,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "46.6"
},
{
"template": "temperature",
"bgColor": "rgba(30,111,133,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "46.7"
},
{
"template": "temperature",
"bgColor": "rgba(30,111,133,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "46.8"
},
{
"template": "temperature",
"bgColor": "rgba(30,111,133,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "46.9"
},
{
"template": "temperature",
"bgColor": "rgba(30,111,133,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "47.0"
},
{
"template": "temperature",
"bgColor": "rgba(30,111,133,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "47.1"
},
{
"template": "temperature",
"bgColor": "rgba(30,111,133,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "47.2"
},
{
"template": "temperature",
"bgColor": "rgba(30,111,133,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "47.3"
},
{
"template": "temperature",
"bgColor": "rgba(30,111,133,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "47.4"
},
{
"template": "temperature",
"bgColor": "rgba(35,132,105,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "47.5"
},
{
"template": "temperature",
"bgColor": "rgba(35,132,105,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "47.6"
},
{
"template": "temperature",
"bgColor": "rgba(35,132,105,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "47.7"
},
{
"template": "temperature",
"bgColor": "rgba(35,132,105,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "47.8"
},
{
"template": "temperature",
"bgColor": "rgba(35,132,105,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "47.9"
},
{
"template": "temperature",
"bgColor": "rgba(35,132,105,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "48.0"
},
{
"template": "temperature",
"bgColor": "rgba(35,132,105,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "48.1"
},
{
"template": "temperature",
"bgColor": "rgba(35,132,105,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "48.2"
},
{
"template": "temperature",
"bgColor": "rgba(35,132,105,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "48.3"
},
{
"template": "temperature",
"bgColor": "rgba(35,132,105,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "48.4"
},
{
"template": "temperature",
"bgColor": "rgba(35,132,105,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "48.5"
},
{
"template": "temperature",
"bgColor": "rgba(35,132,105,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "48.6"
},
{
"template": "temperature",
"bgColor": "rgba(35,132,105,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "48.7"
},
{
"template": "temperature",
"bgColor": "rgba(35,132,105,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "48.8"
},
{
"template": "temperature",
"bgColor": "rgba(35,132,105,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "48.9"
},
{
"template": "temperature",
"bgColor": "rgba(35,132,105,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "49.0"
},
{
"template": "temperature",
"bgColor": "rgba(35,132,105,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "49.1"
},
{
"template": "temperature",
"bgColor": "rgba(35,132,105,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "49.2"
},
{
"template": "temperature",
"bgColor": "rgba(35,132,105,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "49.3"
},
{
"template": "temperature",
"bgColor": "rgba(35,132,105,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "49.4"
},
{
"template": "temperature",
"bgColor": "rgba(35,132,105,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "49.5"
},
{
"template": "temperature",
"bgColor": "rgba(35,132,105,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "49.6"
},
{
"template": "temperature",
"bgColor": "rgba(35,132,105,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "49.7"
},
{
"template": "temperature",
"bgColor": "rgba(35,132,105,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "49.8"
},
{
"template": "temperature",
"bgColor": "rgba(35,132,105,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "49.9"
},
{
"template": "temperature",
"bgColor": "rgba(40,149,83,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "50.0"
},
{
"template": "temperature",
"bgColor": "rgba(40,149,83,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "50.1"
},
{
"template": "temperature",
"bgColor": "rgba(40,149,83,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "50.2"
},
{
"template": "temperature",
"bgColor": "rgba(40,149,83,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "50.3"
},
{
"template": "temperature",
"bgColor": "rgba(40,149,83,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "50.4"
},
{
"template": "temperature",
"bgColor": "rgba(40,149,83,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "50.5"
},
{
"template": "temperature",
"bgColor": "rgba(40,149,83,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "50.6"
},
{
"template": "temperature",
"bgColor": "rgba(40,149,83,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "50.7"
},
{
"template": "temperature",
"bgColor": "rgba(40,149,83,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "50.8"
},
{
"template": "temperature",
"bgColor": "rgba(40,149,83,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "50.9"
},
{
"template": "temperature",
"bgColor": "rgba(40,149,83,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "51.0"
},
{
"template": "temperature",
"bgColor": "rgba(40,149,83,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "51.1"
},
{
"template": "temperature",
"bgColor": "rgba(40,149,83,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "51.2"
},
{
"template": "temperature",
"bgColor": "rgba(40,149,83,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "51.3"
},
{
"template": "temperature",
"bgColor": "rgba(40,149,83,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "51.4"
},
{
"template": "temperature",
"bgColor": "rgba(40,149,83,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "51.5"
},
{
"template": "temperature",
"bgColor": "rgba(40,149,83,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "51.6"
},
{
"template": "temperature",
"bgColor": "rgba(40,149,83,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "51.7"
},
{
"template": "temperature",
"bgColor": "rgba(40,149,83,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "51.8"
},
{
"template": "temperature",
"bgColor": "rgba(40,149,83,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "51.9"
},
{
"template": "temperature",
"bgColor": "rgba(40,149,83,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "52.0"
},
{
"template": "temperature",
"bgColor": "rgba(40,149,83,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "52.1"
},
{
"template": "temperature",
"bgColor": "rgba(40,149,83,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "52.2"
},
{
"template": "temperature",
"bgColor": "rgba(40,149,83,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "52.3"
},
{
"template": "temperature",
"bgColor": "rgba(40,149,83,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "52.4"
},
{
"template": "temperature",
"bgColor": "rgba(44,173,45,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "52.5"
},
{
"template": "temperature",
"bgColor": "rgba(44,173,45,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "52.6"
},
{
"template": "temperature",
"bgColor": "rgba(44,173,45,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "52.7"
},
{
"template": "temperature",
"bgColor": "rgba(44,173,45,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "52.8"
},
{
"template": "temperature",
"bgColor": "rgba(44,173,45,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "52.9"
},
{
"template": "temperature",
"bgColor": "rgba(44,173,45,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "53.0"
},
{
"template": "temperature",
"bgColor": "rgba(44,173,45,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "53.1"
},
{
"template": "temperature",
"bgColor": "rgba(44,173,45,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "53.2"
},
{
"template": "temperature",
"bgColor": "rgba(44,173,45,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "53.3"
},
{
"template": "temperature",
"bgColor": "rgba(44,173,45,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "53.4"
},
{
"template": "temperature",
"bgColor": "rgba(44,173,45,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "53.5"
},
{
"template": "temperature",
"bgColor": "rgba(44,173,45,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "53.6"
},
{
"template": "temperature",
"bgColor": "rgba(44,173,45,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "53.7"
},
{
"template": "temperature",
"bgColor": "rgba(44,173,45,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "53.8"
},
{
"template": "temperature",
"bgColor": "rgba(44,173,45,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "53.9"
},
{
"template": "temperature",
"bgColor": "rgba(44,173,45,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "54.0"
},
{
"template": "temperature",
"bgColor": "rgba(44,173,45,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "54.1"
},
{
"template": "temperature",
"bgColor": "rgba(44,173,45,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "54.2"
},
{
"template": "temperature",
"bgColor": "rgba(44,173,45,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "54.3"
},
{
"template": "temperature",
"bgColor": "rgba(44,173,45,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "54.4"
},
{
"template": "temperature",
"bgColor": "rgba(44,173,45,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "54.5"
},
{
"template": "temperature",
"bgColor": "rgba(44,173,45,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "54.6"
},
{
"template": "temperature",
"bgColor": "rgba(44,173,45,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "54.7"
},
{
"template": "temperature",
"bgColor": "rgba(44,173,45,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "54.8"
},
{
"template": "temperature",
"bgColor": "rgba(44,173,45,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "54.9"
},
{
"template": "temperature",
"bgColor": "rgba(50,197,0,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "55.0"
},
{
"template": "temperature",
"bgColor": "rgba(50,197,0,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "55.1"
},
{
"template": "temperature",
"bgColor": "rgba(50,197,0,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "55.2"
},
{
"template": "temperature",
"bgColor": "rgba(50,197,0,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "55.3"
},
{
"template": "temperature",
"bgColor": "rgba(50,197,0,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "55.4"
},
{
"template": "temperature",
"bgColor": "rgba(50,197,0,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "55.5"
},
{
"template": "temperature",
"bgColor": "rgba(50,197,0,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "55.6"
},
{
"template": "temperature",
"bgColor": "rgba(50,197,0,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "55.7"
},
{
"template": "temperature",
"bgColor": "rgba(50,197,0,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "55.8"
},
{
"template": "temperature",
"bgColor": "rgba(50,197,0,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "55.9"
},
{
"template": "temperature",
"bgColor": "rgba(50,197,0,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "56.0"
},
{
"template": "temperature",
"bgColor": "rgba(50,197,0,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "56.1"
},
{
"template": "temperature",
"bgColor": "rgba(50,197,0,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "56.2"
},
{
"template": "temperature",
"bgColor": "rgba(50,197,0,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "56.3"
},
{
"template": "temperature",
"bgColor": "rgba(50,197,0,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "56.4"
},
{
"template": "temperature",
"bgColor": "rgba(50,197,0,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "56.5"
},
{
"template": "temperature",
"bgColor": "rgba(50,197,0,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "56.6"
},
{
"template": "temperature",
"bgColor": "rgba(50,197,0,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "56.7"
},
{
"template": "temperature",
"bgColor": "rgba(50,197,0,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "56.8"
},
{
"template": "temperature",
"bgColor": "rgba(50,197,0,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "56.9"
},
{
"template": "temperature",
"bgColor": "rgba(50,197,0,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "57.0"
},
{
"template": "temperature",
"bgColor": "rgba(50,197,0,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "57.1"
},
{
"template": "temperature",
"bgColor": "rgba(50,197,0,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "57.2"
},
{
"template": "temperature",
"bgColor": "rgba(50,197,0,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "57.3"
},
{
"template": "temperature",
"bgColor": "rgba(50,197,0,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "57.4"
},
{
"template": "temperature",
"bgColor": "rgba(53,213,1,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "57.5"
},
{
"template": "temperature",
"bgColor": "rgba(53,213,1,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "57.6"
},
{
"template": "temperature",
"bgColor": "rgba(53,213,1,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "57.7"
},
{
"template": "temperature",
"bgColor": "rgba(53,213,1,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "57.8"
},
{
"template": "temperature",
"bgColor": "rgba(53,213,1,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "57.9"
},
{
"template": "temperature",
"bgColor": "rgba(53,213,1,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "58.0"
},
{
"template": "temperature",
"bgColor": "rgba(53,213,1,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "58.1"
},
{
"template": "temperature",
"bgColor": "rgba(53,213,1,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "58.2"
},
{
"template": "temperature",
"bgColor": "rgba(53,213,1,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "58.3"
},
{
"template": "temperature",
"bgColor": "rgba(53,213,1,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "58.4"
},
{
"template": "temperature",
"bgColor": "rgba(53,213,1,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "58.5"
},
{
"template": "temperature",
"bgColor": "rgba(53,213,1,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "58.6"
},
{
"template": "temperature",
"bgColor": "rgba(53,213,1,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "58.7"
},
{
"template": "temperature",
"bgColor": "rgba(53,213,1,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "58.8"
},
{
"template": "temperature",
"bgColor": "rgba(53,213,1,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "58.9"
},
{
"template": "temperature",
"bgColor": "rgba(53,213,1,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "59.0"
},
{
"template": "temperature",
"bgColor": "rgba(53,213,1,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "59.1"
},
{
"template": "temperature",
"bgColor": "rgba(53,213,1,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "59.2"
},
{
"template": "temperature",
"bgColor": "rgba(53,213,1,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "59.3"
},
{
"template": "temperature",
"bgColor": "rgba(53,213,1,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "59.4"
},
{
"template": "temperature",
"bgColor": "rgba(53,213,1,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "59.5"
},
{
"template": "temperature",
"bgColor": "rgba(53,213,1,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "59.6"
},
{
"template": "temperature",
"bgColor": "rgba(53,213,1,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "59.7"
},
{
"template": "temperature",
"bgColor": "rgba(53,213,1,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "59.8"
},
{
"template": "temperature",
"bgColor": "rgba(53,213,1,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "59.9"
},
{
"template": "temperature",
"bgColor": "rgba(66,221,1,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "60.0"
},
{
"template": "temperature",
"bgColor": "rgba(66,221,1,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "60.1"
},
{
"template": "temperature",
"bgColor": "rgba(66,221,1,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "60.2"
},
{
"template": "temperature",
"bgColor": "rgba(66,221,1,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "60.3"
},
{
"template": "temperature",
"bgColor": "rgba(66,221,1,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "60.4"
},
{
"template": "temperature",
"bgColor": "rgba(66,221,1,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "60.5"
},
{
"template": "temperature",
"bgColor": "rgba(66,221,1,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "60.6"
},
{
"template": "temperature",
"bgColor": "rgba(66,221,1,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "60.7"
},
{
"template": "temperature",
"bgColor": "rgba(66,221,1,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "60.8"
},
{
"template": "temperature",
"bgColor": "rgba(66,221,1,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "60.9"
},
{
"template": "temperature",
"bgColor": "rgba(66,221,1,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "61.0"
},
{
"template": "temperature",
"bgColor": "rgba(66,221,1,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "61.1"
},
{
"template": "temperature",
"bgColor": "rgba(66,221,1,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "61.2"
},
{
"template": "temperature",
"bgColor": "rgba(66,221,1,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "61.3"
},
{
"template": "temperature",
"bgColor": "rgba(66,221,1,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "61.4"
},
{
"template": "temperature",
"bgColor": "rgba(66,221,1,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "61.5"
},
{
"template": "temperature",
"bgColor": "rgba(66,221,1,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "61.6"
},
{
"template": "temperature",
"bgColor": "rgba(66,221,1,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "61.7"
},
{
"template": "temperature",
"bgColor": "rgba(66,221,1,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "61.8"
},
{
"template": "temperature",
"bgColor": "rgba(66,221,1,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "61.9"
},
{
"template": "temperature",
"bgColor": "rgba(66,221,1,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "62.0"
},
{
"template": "temperature",
"bgColor": "rgba(66,221,1,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "62.1"
},
{
"template": "temperature",
"bgColor": "rgba(66,221,1,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "62.2"
},
{
"template": "temperature",
"bgColor": "rgba(66,221,1,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "62.3"
},
{
"template": "temperature",
"bgColor": "rgba(66,221,1,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "62.4"
},
{
"template": "temperature",
"bgColor": "rgba(89,220,0,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "62.5"
},
{
"template": "temperature",
"bgColor": "rgba(89,220,0,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "62.6"
},
{
"template": "temperature",
"bgColor": "rgba(89,220,0,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "62.7"
},
{
"template": "temperature",
"bgColor": "rgba(89,220,0,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "62.8"
},
{
"template": "temperature",
"bgColor": "rgba(89,220,0,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "62.9"
},
{
"template": "temperature",
"bgColor": "rgba(89,220,0,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "63.0"
},
{
"template": "temperature",
"bgColor": "rgba(89,220,0,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "63.1"
},
{
"template": "temperature",
"bgColor": "rgba(89,220,0,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "63.2"
},
{
"template": "temperature",
"bgColor": "rgba(89,220,0,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "63.3"
},
{
"template": "temperature",
"bgColor": "rgba(89,220,0,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "63.4"
},
{
"template": "temperature",
"bgColor": "rgba(89,220,0,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "63.5"
},
{
"template": "temperature",
"bgColor": "rgba(89,220,0,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "63.6"
},
{
"template": "temperature",
"bgColor": "rgba(89,220,0,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "63.7"
},
{
"template": "temperature",
"bgColor": "rgba(89,220,0,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "63.8"
},
{
"template": "temperature",
"bgColor": "rgba(89,220,0,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "63.9"
},
{
"template": "temperature",
"bgColor": "rgba(89,220,0,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "64.0"
},
{
"template": "temperature",
"bgColor": "rgba(89,220,0,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "64.1"
},
{
"template": "temperature",
"bgColor": "rgba(89,220,0,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "64.2"
},
{
"template": "temperature",
"bgColor": "rgba(89,220,0,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "64.3"
},
{
"template": "temperature",
"bgColor": "rgba(89,220,0,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "64.4"
},
{
"template": "temperature",
"bgColor": "rgba(89,220,0,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "64.5"
},
{
"template": "temperature",
"bgColor": "rgba(89,220,0,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "64.6"
},
{
"template": "temperature",
"bgColor": "rgba(89,220,0,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "64.7"
},
{
"template": "temperature",
"bgColor": "rgba(89,220,0,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "64.8"
},
{
"template": "temperature",
"bgColor": "rgba(89,220,0,0.99)",
"iconColor": "rgba(255,255,255,0.99)",
"state": "64.9"
},
EDIT: forgot this will only work for tiles reporting single decimal places. Read the full discription in my post here.
I tried to post the entire code and the site said NO! Above is just a smaple now.
short answer - smartly is a lot eaiser to use than this code!
This works to remove the word dashboard on the tile but doesn’t rename the dashboard link. Maybe that’s a different attribute?
Yes, that would be a different div, this is for tile titles.
The Dashboard name should be:
#tile-1 .tile-primary {
visibility: hidden;
white-space: nowrap !important;
overflow: unset;
}
#tile-1 .tile-primary:after {
content: 'Porch';
}
I haven't tested it but that should be the correct CSS selector for a Dashboard name.
I added the smartly inject and the CSS code and my temp tiles are now color coded.
Thank you.
1 Like
Np, I really like them for temp. You can do something like that for battery tiles also. I use 40,70 for the break points
1 Like
