Dashboard tile transparency

I added a background image to my dashboard. Some tiles are solid and some are semi-transparent. It appears that all the tiles that use a template I have customized are solid, while the default templates are semi-transparent. I do not see transparency anywhere in the template options. Any way to make the customized ones have the same transparency as the default ones?

Tagging @TechMedX for the win!

1 Like

This slider is transparency:

Unfortunately, it doesn't show the transparency value to match the exact number of the default transparency but you should be able to get close.

EDIT: If you want to get real sneaky with a motion or contact sensor and only want it to show when active/open, make the inactive/closed color & background colors 100% transparent.

3 Likes

The easiest way to change all tile of a type is as @stephen_nutt posted.

If you needed to be exact (or have different colors/levels for similar device types) it would need to be done via JSON/CSS. Here's a sample

{
  "template": "switches",
  "bgColor": "rgba(33,100,223,0.9)",
  "iconColor": "rgb(2,2,2)",
  "state": "on"
},

At the end of the color line, the 0.9 is the opacity (opposite of transparency, 0.0 is transparent 1.0 is solid color).

3 Likes

D'oh! It's right there and I missed it. Thanks!

2 Likes

That's my style!!!!!! but I appreciate learning how you can do it more precisely.

2 Likes

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