Icons in Supertiles with glow effect

[Tom_Gess]

It would be great if i could add a glo effec tin the conditions of thing icons. so it would be possible to use the same icon and have it glow if the thing is switched on. even better for me would be the possibility to add a custom css class for the icon. so it would also be possible to have different glow colors.
And to top this request. maybe it would even be possible to use the lights color for the glow =)

[Tom_Gess]

here is a better description of my usecase:

This is my SuperTile and i want to use light bulb icons instead of the switches. And then i want the bulb glow if the light is switched on.

[just_jake]

I achieved this effect by using this custom css.

.--theme-style-[YOUR TILE THEME NAME] .icon {
    -webkit-filter: drop-shadow(0 0 3px #ff0)drop-shadow(0 0 10px #ff0);
    filter: drop-shadow(0 0 3px yellow)drop-shadow(0 0 10px yellow);}

This is a supertile with that effect.

[Eric_Dunn]

Is this getting any traction for development?

Alternatively, can the glow be set conditionally via CSS? The use case is pretty straightforward. Individual light icons should glow when on.

[just_jake]

@Eric_Dunn

Alternatively, can the glow be set conditionally via CSS? The use case is pretty straightforward. Individual light icons should glow when on.

You can’t do it conditionally via css. You would need to handle this in the styles of the tile it’s self and have a glow state and a non glow state .

[Eric_Dunn]

@just_jake

You can’t do it conditionally via css. You would need to handle this in the styles of the tile it’s self and have a glow state and a non glow state .

Agreed. The limitation is encountered when there are multiple icons in a single Supertile. The glow would be applied to all icons. The request is for control at the icon level.

[josh]

@Eric_Dunn

The request is for control at the icon level.

There’s a separate feature request for that here which you can cast a vote on (and comment with your use-case to bump) if you’d like:

Add ability to style individual parts of a super tile

It would be great if when creating a super tile that is based on multiple things if you could style the individual parts of the super tile rather than only being able to style the tile as a whole. For example, I have a super tile that is made up of 4 presence sensors that each represent a member of my family and whether they are home or not. At the moment I can assign a different icon to each individual presence sensor to represent whether they are home or not but I can’t choose a color to high…

[just_jake]

@Eric_Dunn

Agreed. The limitation is encountered when there are multiple icons in a single Supertile. The glow would be applied to all icons. The request is for control at the icon level.

You can target individual icons/items inside a super tile you will need to know the icons order number. You will change the ? to the number of your icon is based on its order in the super tile.

.--theme-style-YOURSTYLENAME.super-tile  .item:nth-child(?) {
-webkit-filter: drop-shadow(0 0 3px #ff0)drop-shadow(0 0 10px #ff0);
    filter: drop-shadow(0 0 3px yellow)drop-shadow(0 0 10px yellow);}

I agree this would be nice if it was native, but I personally believe there are features that are more important to be developed first.