ui-lovelace.yaml

title: My Awesome Home



# Optional background for all views. Check https://developer.mozilla.org/en-US/docs/Web/CSS/background for more examples.
background: center / cover no-repeat url("/background.png") fixed



# Exclude entities from "Unused entities" view
excluded_entities:
  - weblink.router

resources:
  - url: /local/content-card-example.js
    type: js


views:
  - name: DevExample
    title: LL CustomCard
    cards:
    - type: "custom:content-card-example"
      entity: input_boolean.switch_tv

  
    # View tab title.
  - title: KenExample
    # Optional unique id for direct access /lovelace/${id}
    id: example
    # Optional background (overwrites the global background).
    background: radial-gradient(crimson, skyblue)
    # Each view can have a different theme applied. Theme should be defined in the frontend.
    theme: dark-mode
    # The cards to show on this view.
    cards:
      - type: "custom:content-card-example"
        entity: input_boolean.switch_tv
        # The filter card will filter entities for their state
      - type: entity-filter
        entities:
          - light.table
          - light.island
        state_filter:
          - 'on'
        card:
          type: glance
          title: Lights that are on

        # The picture entity card will represent an entity with a picture
      - type: picture-entity
        image: https://www.home-assistant.io/images/default-social.png
        entity: light.top

    # Specify a tab icon if you want the view tab to be an icon.
  - icon: mdi:home-assistant
    # Title of the view. Will be used as the tooltip for tab icon
    title: Second view
    cards:
        # Entities card will take a list of entities and show their state.
      - type: entities
        # Title of the entities card
        title: EntExample
        # The entities here will be shown in the same order as specified.
        # Each entry is an entity ID or a map with extra options.
        entities:
          - light.foyer
          - cover.garage
          - entity: light.fireplace
            # Override the name to use
            name: LR Fire Lights

        # The markdown card will render markdown text.
      - type: markdown
        title: Lovelace
        content: >
          Welcome to your **Lovelace UI**.