so this made me find the solution!!
tested it on:
card_mod:
style:
mushroom-shape-avatar$: |
.picture {
filter: grayscale(1);
}
which works in both Chrome And Safari.
then applied it to my Tile person card:
- type: tile
entity: person.me
show_entity_picture: true
card_mod:
style:
ha-tile-image$: |
.image {
filter: grayscale(1);
}
and still working!
next, made that conditional:
card_mod:
style:
ha-tile-image$: |
.image {
{% set zones = states.zone|map(attribute='name')|list %}
filter: {{'grayscale(100%)' if not is_state(config.entity,'home') and
states(config.entity) not in zones else 'none'}};
}
and bingo, made my day for sure.
thanks for the inspiration ! so nice
btw, if youโre interested Ill post the full Tile mod in the card-mod thread