Mushroom Cards - Build a beautiful dashboard easily ๐Ÿ„ (Part 1)

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