Change text color of Tile when entity is negative

[Bellavista]

Best card!
Is it possible to change the color of sensor text in red, or the background of button, when it is negative value

[PiotrMachowski]

It's not possible in a card itself, but it should be doable using card-mod

[Bellavista]

Hi Piotr
i' trying someting of simple
card_mod installation work but if i try to use in vacuum-map-card i do someting of wrong
can you help me?
tnk

[Bellavista]

done! after two nights ... I arrived at the desired result

tnk!
is there a way to write fewer lines

  style: |
    {% if (states("sensor.rufus_sensor_dirty_left")) |float(0) < 0 %}
      :host 
        .tile-wrapper.clickable.ripple:nth-child(7) div.tile-value-wrapper div.tile-value 
        {
          color: red;
          font-weight: bold;
        }
        .tile-wrapper.clickable.ripple:nth-child(7) 
        {
          border: 3px solid red;
          border-radius: 10px;
          background : lightgray;
        }
        .tile-wrapper.clickable.ripple:nth-child(7) div.tile-title::before
        {
          content: "Manutenzione ";
        }
    {% endif %};

best tnk!

[PiotrMachowski]

I think you can reduce it to something following:

  style: |
    {% if (states("sensor.rufus_sensor_dirty_left")) |float(0) < 0 %}
      :host 
        .tile-wrapper:nth-child(7).tile-value 
        {
          color: red;
          font-weight: bold;
        }
        .tile-wrapper:nth-child(7) 
        {
          border: 3px solid red;
          border-radius: 10px;
          background : lightgray;
        }
        .tile-wrapper:nth-child(7).tile-title::before
        {
          content: "Manutenzione ";
        }
    {% endif %};

[Bellavista]

all right so! i'm sodisfact of result!
tnk you for your time

[PiotrMachowski]

Ok, now the final one:

style: |
  {% if (states("sensor.rufus_sensor_dirty_left")) |float(0) < 0 %}
    :host 
      .tile-wrapper:nth-child(7) {
        border: 3px solid red;
      }
      .tile-wrapper:nth-child(7) > * > .tile-value {
        color: red;
        font-weight: bold;
      }
      .tile-wrapper:nth-child(7) > .tile-title::before  {
        content: "Manutenzione ";
      }
  {% endif %}

[Bellavista]

yesss! it work!
tnk all

[majdzik84]

Cool. It will work very well with a single map. With several vacuum cleaners, a certain style is shown in each preset.
Is there any chance to style the tiles for a specific preset?

[PiotrMachowski]

@majdzik84 right now it's not possible...