Hintergrund Farbe von Mushroom Template Card

Allgemein
,
1

Moin, würde gerne wenn der Helfer “POST ist da” On als Status hat, dass der Hintergrund der Mushroom Template Card gelb wird…Bekomme es leider nicht hin, könnte mir jemand dabei auf die Sprünge helfen…

type: custom:mushroom-template-card
primary: Briefkasten
icon: mdi:email
features_position: bottom
tap_action:
  action: perform-action
  perform_action: input_boolean.toggle
  target:
    entity_id: input_boolean.post_ist_da
color: |-
  {% if is_state('input_boolean.post_ist_da', 'on') %}
   Yellow
  {% else %}
  gray
  {% endif %}
secondary: |-
  {% if is_state('input_boolean.post_ist_da', 'on') %}
  Post ist da!!
  {% else %}
  ist leer
  {% endif %}
vertical: true
multiline_secondary: false
grid_options:
  columns: 6
  rows: 2

bisher Färbt sich nur das Icon mdi:Mail gelb ….

Danke schonmal im vorraus

:crayon:by HarryP: Zusammenführung Doppelpost (bei Änderungen oder hinzufügen von Inhalten bitte die „Bearbeitungsfunktion“ anstatt „Antworten“ zu nutzen)

3

Moin, im englischen Forum gibt es alles möglich in dem Thread wie man Mushroom Karten mit Hilfe von Card Mod bearbeiten kann.

LG
Tobi

4

bin leider zu blöd dafür, bzw es funktioniert nicht wie es soll…

5

Hi, laut dem Forum soll der Code durch

card_mod:
  style: |
    ha-state-icon {
      --icon-symbol-size: 40px;
    }

ergänzt werden. Aber wo genau in meinem Code muss dieser Zusatz rein??

6

Ich kann dir nicht folgen…

Oben schreibst du doch du willst eine Hintergrundfarbe ändern….

Hast du denn Card Mod installiert?

Ich habe selbst kein Card Mod und rate daher:

type: custom:mushroom-template-card
primary: Briefkasten
icon: mdi:email
features_position: bottom
card_mod:
  style: |
    ha-card {
      background-color: |
        {% if is_state('input_boolean.post_ist_da', 'on') %}
          yellow;
        {% else %}
          gray;
        {% endif %}
    }
tap_action:
  action: perform-action
  perform_action: input_boolean.toggle
  target:
    entity_id: input_boolean.post_ist_da
secondary: |-
  {% if is_state('input_boolean.post_ist_da', 'on') %}
  Post ist da!!
  {% else %}
  ist leer
  {% endif %}
vertical: true
multiline_secondary: false
grid_options:
  columns: 6
  rows: 2

Das was du zuletzt geschrieben hast ändert die Größe des Icon auf 40px und wird “sofern korrekt” analog zu meinem Beispiel eingebaut.

7

fast | hinter background-color: muss weg dann geht es bei mir.

card_mod:
  style: |
    ha-card {
      background-color:
        {% if is_state('input_boolean.post_ist_da', 'on') %}
          yellow;
        {% else %}
          gray;
        {% endif %}
    }

LG

1 „Gefällt mir“
8

Das war nicht mal Absicht nur Schusseligkeit von mir. Sorry. Danke dir

1 „Gefällt mir“
9

Das glaube ich dir.

Würde ich nicht behaupten dafür das du kein Card Mod zu testen hast war das ziemlich gut.

LG

10

Ich hatte schnell nen Blick in die Doku geworfen. Die sind ja meist recht gut… viele schauen da aber nicht so gerne rein :smiley: … glaub ich…

2 „Gefällt mir“
11

Ich danke euch nun funktioniert es !!!

Du hast recht, hatte zwischendurch noch mit vergößerung des Icons rum probiert, und dann leider die posts vertauscht!!

Vielen dank….