Mushroom Cards Card Mod Styling/Config Guide

Community Guides
, ,
90

So now I have rebuilt the “type: entities / button”
Is it possible to center the chips?

image
image970×719 28.6 KB 

type: entities
entities:
  - type: custom:mushroom-chips-card
    chips:
      - type: entity
        entity: automation.heizung_anne
        icon_color: amber
        name: AUTO
        use_entity_picture: false
        content_info: name
        card_mod:
          style: |
            ha-card {
              background: rgb(144,144,144, 0.3)!important;
              --chip-font-size: 11px;
              --primary-text-color: rgb(211,211,211, 0.7);
              --text-color: rgb(211,211,211, 0.7);
            }
      - type: entity
        entity: switch.anne
        icon_color: amber
        name: TRV
        use_entity_picture: false
        content_info: name
        card_mod:
          style: |
            ha-card {
            background: rgb(144,144,144, 0.3)!important;
            --chip-font-size: 11px;
            --primary-text-color: rgb(211,211,211, 0.7);
            --text-color: rgb(211,211,211, 0.7);
            }
      - type: entity
        entity: input_boolean.heizung_anne_comfort
        icon_color: amber
        name: COMFORT
        use_entity_picture: false
        content_info: name
        card_mod:
          style: |
            ha-card {
            background: rgb(144,144,144, 0.3)!important;
            --chip-font-size: 11px;
            --primary-text-color: rgb(211,211,211, 0.7);
            --text-color: rgb(211,211,211, 0.7);
            }
      - type: entity
        entity: input_boolean.heizung_anne_eco
        icon_color: amber
        name: ECO
        use_entity_picture: false
        content_info: name
        card_mod:
          style: |
            ha-card {
            background: rgb(144,144,144, 0.3)!important;
            --chip-font-size: 11px;
            --primary-text-color: rgb(211,211,211, 0.7);
            --text-color: rgb(211,211,211, 0.7);
            }
state_color: true
show_header_toggle: true
2 Likes