Kein Rahmen mit Farbe

Dashboard/Cards/Frontend
,
1

Hi,

leider verstehe ich nicht, wo ich das Problem eingebaut habe (sitze nun schon 2h… ). Mir wird einfach kein Rahmen angezeigt. Ist sicher trivial- komm nur nicht drauf…

Danke für Eure Inputs

type: custom:mushroom-template-card
primary: Hello, {{user}}
secondary: IST - {{states(config.entity)}}
icon: mdi:toggle-switch-variant-off
badge_icon: mdi:light-switch
features_position: bottom
entity: switch.23_eg_pflanze_garage_steckdose_1
badge_color: blue
color: purple
card_mod:
  style:
    ha-tile-info$: |
      .primary {
        color: limegreen !important;
        }   
      .secondary {
        color: green !important;
        }
    ha-tile-icon$: |
      .container {
        border: 4px solid orange;        
        {% if states(config.entity) == 'on' %}
          border: 4px solid green;
        {% endif %}
        }
    ha-card:
      background-color: red;
      border: 2px solid green;
3

Versuche mal ob du damit weiter kommst:
image

card_mod:
  style:
    ha-tile-info$: |
      .primary {
        color: limegreen !important;
        }   
      .secondary {
        color: green !important;
        }
    ha-tile-icon$: |
      .container {
        border: 4px solid orange;        
        {% if states(config.entity) == 'on' %}
          border: 4px solid green;
        {% endif %}
        }
    .: |
      ha-card {
        background-color: #8c0101;
        --card-primary-color: white;
        --card-secondary-color: white;
        border: 5px white solid;
      }
4

Danke Schwippser

obgleich ich denke, dass es die

        --card-primary-color: white;
        --card-secondary-color: white;

nicht mehr gibt? hat mir die sytax:

    .: |
      ha-card {

geholfen :slight_smile:

5

Ja ich meine auch … hatte das nur auf die Schnelle mal versucht … und dann vergessen es raus zu nehmen. Ist manchmal ziemlich tricky mit den Mushrooms … bin auf die Bubble-Card geschwenkt. Macht es aus meiner Sicht leichter mit dem Styling

6

Jetzt hab ich noch eine Zusatzfrage, die “Bubble Card ” nicht kennend…

Ich frage im Code mehrmals nach dem Zustand ab und setze dann die Farben. Kann man das nicht eventuell schöner hinbekommen (mit einer einzigen Abfrage)?

Mein Code derzeit:

 type: custom:mushroom-template-card
entity: switch.23_eg_pflanze_garage_steckdose_1
Debuginfo_01: TEXT
primary: |-
  {% set CE = 'sensor.23_eg_pflanze_garage_leistung' %}
  23 - EG Kuche (Gos01/ ) --- {{states (CE)}} W
secondary: |
  {% set device = '23_eg_pflanze_garage_steckdose_1' %}
  {% if states.switch[device] is defined %}
    {# it's safe to access the last_changed attribute #}
    {% set f = states.switch[device].last_changed %} 
    {{as_timestamp(f,
    default=0)|timestamp_custom('%Y.%m.%d/%H:%M:%S',   default=0)}} 
  {% else %}
    NOK
  {% endif %}
  -
  {{states(config.entity)}} 
multiline_secondary: false
Debuginfo_02: ICON
icon: mdi:toggle-switch-variant-off
color: |-
  {% if states(config.entity) == 'on'   %}
    green   
  {% elif states(config.entity) == 'off' %}
    red
  {% else %}
    orange
  {% endif %}
Debuginfo_03: BADGE
badge_icon: mdi:light-switch
badge_color: |-
  {% if states(config.entity) == 'on'   %}
    green   
  {% elif states(config.entity) == 'off' %}
    red
  {% else %}
    orange
  {% endif %}
Debuginfo_04: ACTIONS
tap_action:
  action: toggle
hold_action:
  action: toggle
double_tap_action:
  action: more-info
Debuginfo_05: POSITION
features_position: bottom
Debuginfo_06: EXTRAS
card_mod:
  style:
    ha-tile-info$: |
      .primary {
        color: limegreen !important;
        }   
      .secondary {
        color: green !important;
           
    ha-tile-icon$: |
      .container {
        background: black !important;
        border: 1px solid green;
        {% if states(config.entity) == 'on' %}
         border: 1px solid green;
         
        {% elif states(config.entity) == 'off' %}
         border: 1px solid red;

        {% else %}
         border: 1px solid orange;

        {% endif %}
    .: |
      ha-card {
        background-color: black;
        {% if states(config.entity) == 'on' %}
         border: 2px solid green;
       
        {% elif states(config.entity) == 'off' %}
         border: 2px solid red;

        {% else %}
         border: 2px solid orange;

        {% endif %}
      }
7

naja … der Plug kennt eigentlich nur 2 States … on oder off … soll heißen, dein Rahmen wird nur Orange, wenn der Plug nicht erreichbar oder ähnliches ist - was hoffentlich selten vorkommt.
Wenn dir dieser Staus unwichtig ist - weil selten - dann könntest du es wie folgt tun.
Grün == ON
Rot == AUS und alles andere

8

Danke dir,

aber einige sensoren sind im Garten und witterungsbedingt nicht immer erreichbar … arbeite daran :).

Aber das habe ich nicht gemeint . Ich habe in meinem Code des öfteren:

{% if states(config.entity) == ‘on’ %}

usw. und setze dann die “Farben für Rahmen und Badge, etc.

Ich dachte es gäbe die Möglichkeit nur einmal abzufragen und dann den Rahmen und Icon und Badge zu setzen. Aber wahrscheinlich ist das dann genauso lange (wenn es überhaupt geht), denn ich hätte dann ja mehrmals die sektionen definiert …

Sorry, ich bin kein Programmierer und drücke mich event. falsch aus … wollte nur den Code kurz halten …

Anyway Thx

1 „Gefällt mir“