Untitled

type: vertical-stack
cards:
  - type: markdown
    content: |2-

       
       
    title: '                         Lichten'
    theme: slate
    card_mod:
      style: |
        ha-card {
          text-align: center;
          height: 40px !important;
          background-color: transparent;
          font-weight: bold !important;
          padding: 0px 0px 0px !important;
          border: 0px;
          box-shadow: none;
         }
        .card-header {
          font-size: 23px;
          color: white;
          text-align: center;
          height: 0px !important;
          font-weight: bold !important;
          padding: 0px 0px 0px !important;
          border: 0px;
          box-shadow: none;
        }
  - square: true
    columns: 4
    type: grid
    cards:
      - type: custom:gap-card
      - show_name: true
        show_icon: true
        type: button
        tap_action:
          action: toggle
        entity: switch.schakelaar_stroom_woonkamer
        theme: ios-dark-mode
        icon: hass:floor-lamp
        icon_height: 50px
        hold_action:
          action: toggle
        name: Bank
      - show_name: true
        show_icon: true
        type: button
        tap_action:
          action: toggle
        theme: ios-dark-mode
        icon: mdi:globe-light-outline
        icon_height: 50px
        name: Eettafel
        hold_action:
          action: more-info
        entity: light.eettafel_lampen_groep
      - type: custom:gap-card
      - type: custom:gap-card
      - show_name: true
        show_icon: true
        type: button
        tap_action:
          action: toggle
        name: Livingcolors
        entity: light.livingcolors_3
        theme: ios-dark-mode
        icon: mdi:light-flood-up
        icon_height: 50px
      - show_name: true
        show_icon: true
        type: button
        tap_action:
          action: toggle
        name: Gang
        entity: light.lamp_gang_beneden
        theme: ios-dark-mode
        icon: mdi:dome-light
        icon_height: 50px
      - type: custom:gap-card
      - type: custom:gap-card
      - show_name: true
        show_icon: true
        type: button
        tap_action:
          action: toggle
        name: Keuken
        theme: ios-dark-mode
        icon: mdi:wall-sconce-flat
        icon_height: 50px
        hold_action:
          action: more-info
        entity: light.keuken_spots_groep
      - show_name: true
        show_icon: true
        type: button
        tap_action:
          action: call-service
          service: homeassistant.turn_off
          target:
            entity_id:
              - light.eettafel_lampen_groep
              - light.keuken_spots_groep
              - switch.schakelaar_stroom_woonkamer
          data: {}
        name: Alle lampen Beneden
        theme: ios-dark-mode
        icon: mdi:lightbulb-group
        icon_height: 50px
        show_state: false
        hold_action:
          action: none
  - type: markdown
    content: '  '
    title: Schakelaars
    theme: ios-dark-mode
    card_mod:
      style: |
        ha-card {
          text-align: center;
          height: 40px !important;
          background-color: transparent;
          font-weight: bold !important;
          padding: 0px 0px 0px !important;
          border: 0px;
          box-shadow: none;
         }
        .card-header {
          font-size: 23px;
          color: white;
          text-align: center;
          height: 0px !important;
          font-weight: bold !important;
          padding: 0px 0px 0px !important;
          border: 0px;
          box-shadow: none;
        }
  - square: true
    columns: 4
    type: grid
    cards:
      - type: custom:gap-card
      - show_name: true
        show_icon: true
        type: button
        tap_action:
          action: toggle
        theme: ios-dark-mode
        icon: hass:curtains
        icon_height: 50px
        hold_action:
          action: toggle
        name: Gordijnen
        entity: cover.gordijnen
        show_state: true
      - show_name: true
        show_icon: true
        type: button
        tap_action:
          action: toggle
        name: Gang
        entity: light.lamp_gang_beneden
        theme: ios-dark-mode
        icon: mdi:dome-light
        icon_height: 50px