Hub Variable refresh and custom template in dasboard

How can i change the background tile color for hub variables in dashboards?

I cannot find any template for this kind of tile, although in the advanced section it says template: "global-variable", but that is missing as well.

And the tile does not update unless i manually refresh the dashboard.

Believe the refresh may have been already reported, as far as the color if you enter something like:

.variable-string {
    background-color:purple;
}

under the CSS tab it should change all variable tiles.

Thank you for your advice. It seems to work, but we should be able to use the advanced layout settings for this tile, so this could be solved in a further update.

I have tried to add opacity 0.5 but it also changes the text. Is there another option?

should be able to offset by explicitly targeting the text, i.e.

.text-center {
   opacity: 1;
}

Not working.

The CSS code seems to work, because if i set opacity 0 for text-center it becomes invisible. But i think that opacity 0.5 is applied to the whole tile before text opacity is applied.

Done:

.variable-string {
background-color: rgba(0,0,0,0.5);
}
.text-center {
opacity: 1;
}

Hmmmm don't know then, rgba shouldn't be applied to text, maybe try background instead of background-color

Download the Hubitat app