Karte mit Icon zu einem bestimmten Zeitpunkt erscheinen lassen

Allgemein
1

Hallo,
bin noch am basteln eines optischen Hinweises.
Möchte ein Icon (Mülltonne) am Vortag der Abholung neben dem vorhandenen Kalender (Atomic Calendar) erscheinen lassen. Am Besten in roter Farbe.
Und wenn man darauf klickt (als Bestätigung) sollte dieses wieder verschwinden.
welche Karte kann ich dafür verwenden und was muss ich als Automation eingeben bzw. im Code-Editor eintragen?

2

Nicht hundertprozentig das was Du suchst, aber vielleicht ist was für Dich dabei was du verwenden kannst. Muss natürlich angepasst werden:

    type: custom:mushroom-template-card
    primary: ''
    secondary: ''
    icon: >-
      {% set next_pickup = states.sensor.abfallnaechster.attributes | first |
      as_timestamp |timestamp_custom("%d.%m.%Y") %} {% set todays_date =
      now().timestamp() | timestamp_custom('%d.%m.%Y') %} {% if next_pickup ==
      todays_date %} mdi:truck-fast {% else %}
       mdi:trash-can-outline
      {% endif %}
    layout: vertical
    badge_color: ''
    badge_icon: ''
    icon_color: >-
      {% set next_pickup = states.sensor.abfallnaechster.attributes | first |
      as_timestamp |timestamp_custom("%d.%m.%Y") %} {% set todays_date =
      now().timestamp() | timestamp_custom('%d.%m.%Y') %} {% if next_pickup ==
      todays_date %}
        green
      {% else %}
        #990000
      {% endif %}
    card_mod:
      style: |
        {% set next_pickup = states.sensor.abfallnaechster.attributes | first |
          as_timestamp |timestamp_custom("%d.%m.%Y") %}

        {% set todays_date = now().timestamp() | timestamp_custom('%d.%m.%Y') %}

        {% if next_pickup == todays_date %}

          ha-card { 
            --ha-card-border-radius: 6px; 
            --ha-card-border-color: white;
            --ha-card-border-width: 1px; 
            --card-mod-icon-color: white;

            mushroom-shape-icon { 
              --shape-color: red !important;
              --shape-color-disabled: none !important;}
          }
           
           ha-state-icon {
           animation: 2s vroom linear infinite;
           }

          @keyframes vroom {
            49% { opacity: -150;}
            50% { transform: translate(22px); opacity: -100; }
            51% { transform: translate(-22px); opacity: -100; }
            52% { opacity: -150; }
          }

        {% else %}

          ha-card { 
            --ha-card-border-radius: 50px; 
            --ha-card-border-color: white;
            --ha-card-border-width: 1px; 
            --card-mod-icon-color: white;

            mushroom-shape-icon { 
              --shape-color: white !important;
              --shape-color-disabled: none !important;}
          }                    
        {% endif %}
    style:
      pointer-events: none
      left: 50%
      top: 50%
      width: 11%
3

oha,
vielleicht sollte ich erst einmal anfangen mit … ein Icon soll sich in rot verfärben wenn es 18 Uhr ist.
Und damit meine ich auch was für eine Karte und was muss ich als Automation nehmen
Den Rest schaffe ich vermutlich.

PS: Ich weiß… manchmal sind es nur Grundkenntnisse die fehlen

4

Habe die Lösung gefunden… Bedingungskarte.
Damit wird die Karte mit einer entsprechenden Aufforderung nur eingeblendet, wenn der Zeitpunkt erreicht ist.