type: entities
entities:
  - type: 'custom:hui-vertical-stack-card'
    title: Kök
    cards:
      - type: 'custom:hui-horizontal-stack-card'
        cards:
          - type: glance
            entities:
              - entity: light.diskbanken
                tap_action:
                  action: toggle
            show_name: true
            show_state: false
            show_icon: true
            style: >
              ha-card { box-shadow: none; background: rgba(255, 255, 240, 0.6);
              background: {% if is_state('light.diskbanken', 'on') %} #ffffff;
              {% endif %} }
          - type: glance
            entities:
              - entity: light.kokson
                tap_action:
                  action: toggle
            show_name: true
            show_state: false
            show_icon: true
            style: |
              ha-card { box-shadow: none; background: rgba(255, 255, 240, 0.6);
              background: {% if is_state('light.kokson', 'on') %} #ffffff; {%
              endif %} }
          - type: glance
            entities:
              - entity: light.koksspottar
                tap_action:
                  action: toggle
            show_name: true
            show_state: false
            show_icon: true
            style: >
              ha-card { box-shadow: none; background: rgba(255, 255, 240, 0.6);
              background: {% if is_state('light.koksspottar', 'on') %} #ffffff;
              {% endif %} }
      - type: 'custom:hui-horizontal-stack-card'
        cards:
          - type: glance
            entities:
              - entity: light.koksskapet
                name: Väggskåp
                tap_action:
                  action: toggle
            show_name: true
            show_state: false
            show_icon: true
            style: >
              ha-card { box-shadow: none; background: rgba(255, 255, 240, 0.6);
              background: {% if is_state('light.koksskapet', 'on') %} #ffffff;
              {% endif %} }
          - type: glance
            entities:
              - entity: switch.kaffekokaren
                name: Kaffe
                tap_action:
                  action: toggle
            show_name: true
            show_state: false
            show_icon: true
            style: >
              ha-card { box-shadow: none; background: rgba(255, 255, 240, 0.6);
              background: {% if is_state('switch.kaffekokaren', 'on') %}
              #ffffff; {% endif %} }
          - entities: null
            type: 'custom:gap-card'
style: |
  ha-card {
  color: #ffffff;
  --ha-card-border-radius: 10px;
  --ha-card-header-font-size: 18px;
  background: none;
  box-shadow: none;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px
  }
  .card-content {
    padding: 0
  }