Show Off Your Dashboards!

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

My latest effort at an in-room, wall-mounted tablet dashboard. Just real simple control of the easentials for each room and an info section at the bottom for sensors. There are popups for lights, AC's and curtains providing more control if you click on the icons, but the idea is to keep it simple one click for most of the time. Of course all these things are automated too. But I like the additional control and the "cool" factor of these screens (cheap 8" Chinese Android​ ​​tablets from Teclast, around 50 bucks and super good for the money).

Created in html, CSS and Javascript and using Maker API and the eventsocket.

5 Likes

My home is +6,000sqft including a basement and shop. I would prefer not to walk all over checking my lights and making sure they are off. Something like this would be super beneficial. For a 1200sqft home where you can see at a glance if the light is on or off, yeah, analog switches are great. But, this has some real practical uses

1 Like

You're hosting a web server locally?

(Edit: I suppose if it's just JS, you can do it in a static html file, no need for a server).

This is probably a stupid noob question but...
What is the correct syntax for adding a background image into a tile.
Does the image have to be on the hub?
Thanks

1 Like

Not stupid at all. When adding a tile (or while editing one that already exists), look over on the right side of the dialog box under Options. There you will find Background Image Link.

It can be local to the hub, in which case the syntax would be something like /local/Blue0.jpg

Or it can be an image on the interwebs in which case it would be a URL of a jpg, for example.

Ironically, I find local files to be slower than Internet accessible images, but the latter may be subject to change, and unavailable when your Internet connection is down.

1 Like

Thanks. I was able to use an online image but couldn't find how to use a local.
Another question, I it possible to use either no icon or a transparent icon so I can just use background image? Thanks again

Read through the info at this thread about local files. It's really quite easy once you find it (under Hub Settings). As for a tile that is just an image and nothing else, select the Dashboard Link template (and no device). Put the URL to the image on the Image URL property. This is what many people do for weather tiles (e.g., if they can find a static image on their local TV station's web site).

Yes, Apache2 on a Pi. It's a piece of cake to set up and is utterly reliable.

This looks fantastic, going with a JS/CSS environment is absolutely the best way to go.

1 Like

Thank you and agree! It's a bit of work but worth it for the end result. I'm really happy with the direction of my dashboards now. Still a bit of work to do but getting there.

OK so this is "read only" as a dashboard, but it takes data from the MakerAPI and presents it in grafana.org for an overview.

This particular screen uses Unifi-Poller to generate the network stats from my Unifi devices, the Prometheus.io scraper for Nomad to get information on my running containers, and my own project to pull the data from the MakerAPI into Prometheus for graphing

5 Likes

Here is what I came up with for my bedroom using a lot of the code snippets and advice I found on this board. I'm a noob so this is my first attempt.

I'm using a repurposed old android phone for my display.
Backgrounds turn yellow when device is on.
No labels cuz I know what everything is :grinning:

4 Likes

Download the Hubitat app