Show your MLB game info

hobomojojuice · July 28, 2022, 7:29pm

The current project is a card that will stay updated with my Braves. The background image will actually change based on the venue. I have been working on the code for the background image and now I just need to fill in with scores and other info I decide on.

I’m sure the code can be cleaned up, I pulled the code from HERE and just added it to what I was looking for. Having trouble coming up with a design for the Lovelace card.
Sensors:

#MLB sensors

  - platform: rest
    resource: http://statsapi.mlb.com/api/v1/schedule?sportId=1&teamId=144
    name: mlb_game_status
    scan_interval: 
      hours: 24
    value_template: '{{ value_json.dates[0].games[0].status.detailedState }}'
    json_attributes:
      - dates
  - platform: template
    sensors:

      mlb_away_score:
        value_template: >-
          {% if states('sensor.mlb_game_status') == 'unknown' %}
            No_Game
          {% else %}
            {{ states.sensor.mlb_game_status.attributes.dates[0]["games"][0]["teams"]["away"]["score"] }}
          {% endif %}
        friendly_name_template: >-
          {% if states('sensor.mlb_game_status') == 'unknown' %}
            Away
          {% else %}
            {{ states.sensor.mlb_game_status.attributes["dates"][0]["games"][0]["teams"]["away"]["team"]["name"] }}
          {% endif %}
        entity_picture_template: >-
          {% if states('sensor.mlb_game_status') == 'unknown' %}
            https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcR8rGHWIehoVzpadKbNwJhQ_IxdUbKv81ed06p_3fRsSvmJzluS
          {% else  %}
            https://www.mlbstatic.com/mlb.com/builds/site-core/f1bd3a33969d8febdbcb23b1161db091cf3ae918_1561045539/images/logos/team-cap-on-light/{{ states.sensor.mlb_game_status.attributes.dates[0]["games"][0]["teams"]["away"]["team"]["id"] | int }}.svg
          {% endif %}
        entity_id: sensor.mlb_game_status
      mlb_game_time:
        value_template: >-
          {% if states('sensor.mlb_game_status') == 'unknown' %}
            No_Game
          {% else %}
          {% set time = states.sensor.mlb_game_status.attributes["dates"][0]["games"][0]["gameDate"] %}
          {% if (time[11:13]|int - 5) > 12 %}
            {{ (time[11:13]|int - 5 - 12)|string ~ time[13:16] }}
          {% else %}
            {{ (time[11:13]|int - 5)|string ~ time[13:16] }}
          {% endif %}
          {% endif %}
      mlb_home_score:
        value_template: >-
          {% if states('sensor.mlb_game_status') == 'unknown' %}
            No_Game
          {% else %}
            {{ states.sensor.mlb_game_status.attributes.dates[0]["games"][0]["teams"]["home"]["score"] }}
          {% endif %}
        friendly_name_template: >-
          {% if states('sensor.mlb_game_status') == 'unknown' %}
            Home
          {% else %}
            {{ states.sensor.mlb_game_status.attributes.dates[0]["games"][0]["teams"]["home"]["team"]["name"] }}
          {% endif %}
        entity_picture_template: >-
          {% if states('sensor.mlb_game_status') == 'unknown' %}
            https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcR8rGHWIehoVzpadKbNwJhQ_IxdUbKv81ed06p_3fRsSvmJzluS
          {% else  %}
            https://www.mlbstatic.com/mlb.com/builds/site-core/f1bd3a33969d8febdbcb23b1161db091cf3ae918_1561045539/images/logos/team-cap-on-light/{{ states.sensor.mlb_game_status.attributes.dates[0]["games"][0]["teams"]["home"]["team"]["id"] | int }}.svg
          {% endif %}
        entity_id: sensor.mlb_game_status
      mlb_venue:
        value_template: >-
          {% if states('sensor.mlb_game_status') == 'unknown' %}
            Park
          {% else %}
            {{ states.sensor.mlb_game_status.attributes.dates[0]["games"][0]["venue"]["name"] }}
          {% endif %}
        friendly_name_template: >-
          {% if states('sensor.mlb_game_status') == 'unknown' %}
            Park
          {% else %}
            {{ states.sensor.mlb_game_status.attributes.dates[0]["games"][0]["venue"]["name"] }}
          {% endif %}
        entity_picture_template: >-
          {% if states('sensor.mlb_game_status') == 'unknown' %}
            https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcR8rGHWIehoVzpadKbNwJhQ_IxdUbKv81ed06p_3fRsSvmJzluS
          {% else  %}
            https://www.mlbstatic.com/mlb.com/builds/site-core/f1bd3a33969d8febdbcb23b1161db091cf3ae918_1561045539/images/logos/team-primary-on-light/{{ states.sensor.mlb_game_status.attributes.dates[0]["games"][0]["teams"]["away"]["team"]["id"] | int }}.svg
          {% endif %}
        entity_id: sensor.mlb_game_status
      home_pct:
        value_template: >-
          {% if states('sensor.mlb_game_status') == 'unknown' %}
            Pct
          {% else %}
            {{ states.sensor.mlb_game_status.attributes.dates[0]["games"][0]["teams"]["home"]["team"]["name"] }}
          {% endif %}
        friendly_name_template: >-
          {% if states('sensor.mlb_game_status') == 'unknown' %}
            PCT
          {% else %}
            {{ states.sensor.mlb_game_status.attributes.dates[0]["games"][0]["teams"]["home"]["leagueRecord"]["pct"] }}
          {% endif %}
        entity_picture_template: >-
          {% if states('sensor.mlb_game_status') == 'unknown' %}
            https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcR8rGHWIehoVzpadKbNwJhQ_IxdUbKv81ed06p_3fRsSvmJzluS
          {% else  %}
            https://www.mlbstatic.com/team-logos/league-on-dark/1.svg
          {% endif %}
        entity_id: sensor.mlb_game_status
      away_pct:
        value_template: >-
          {% if states('sensor.mlb_game_status') == 'unknown' %}
            Pct
          {% else %}
            {{ states.sensor.mlb_game_status.attributes.dates[0]["games"][0]["teams"]["away"]["team"]["name"] }}
          {% endif %}
        friendly_name_template: >-
          {% if states('sensor.mlb_game_status') == 'unknown' %}
            PCT
          {% else %}
            {{ states.sensor.mlb_game_status.attributes.dates[0]["games"][0]["teams"]["away"]["leagueRecord"]["pct"] }}
          {% endif %}
        entity_picture_template: >-
          {% if states('sensor.mlb_game_status') == 'unknown' %}
            https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcR8rGHWIehoVzpadKbNwJhQ_IxdUbKv81ed06p_3fRsSvmJzluS
          {% else  %}
            https://www.mlbstatic.com/team-logos/league-on-dark/1.svg
          {% endif %}
        entity_id: sensor.mlb_game_status
      home_wins:
        value_template: >-
          {% if states('sensor.mlb_game_status') == 'unknown' %}
            W
          {% else %}
            {{ states.sensor.mlb_game_status.attributes.dates[0]["games"][0]["teams"]["home"]["team"]["name"] }}
          {% endif %}
        friendly_name_template: >-
          {% if states('sensor.mlb_game_status') == 'unknown' %}
            Wins
          {% else %}
            {{ states.sensor.mlb_game_status.attributes.dates[0]["games"][0]["teams"]["home"]["leagueRecord"]["wins"] }}
          {% endif %}
        entity_picture_template: >-
          {% if states('sensor.mlb_game_status') == 'unknown' %}
            https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcR8rGHWIehoVzpadKbNwJhQ_IxdUbKv81ed06p_3fRsSvmJzluS
          {% else  %}
            https://www.mlbstatic.com/team-logos/league-on-dark/1.svg
          {% endif %}
        entity_id: sensor.mlb_game_status
      away_wins:
        value_template: >-
          {% if states('sensor.mlb_game_status') == 'unknown' %}
            W
          {% else %}
            {{ states.sensor.mlb_game_status.attributes.dates[0]["games"][0]["teams"]["away"]["team"]["name"] }}
          {% endif %}
        friendly_name_template: >-
          {% if states('sensor.mlb_game_status') == 'unknown' %}
            Wins
          {% else %}
            {{ states.sensor.mlb_game_status.attributes.dates[0]["games"][0]["teams"]["away"]["leagueRecord"]["wins"] }}
          {% endif %}
        entity_picture_template: >-
          {% if states('sensor.mlb_game_status') == 'unknown' %}
            https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcR8rGHWIehoVzpadKbNwJhQ_IxdUbKv81ed06p_3fRsSvmJzluS
          {% else  %}
            https://www.mlbstatic.com/team-logos/league-on-dark/1.svg
          {% endif %}
        entity_id: sensor.mlb_game_status
      home_losses:
        value_template: >-
          {% if states('sensor.mlb_game_status') == 'unknown' %}
            L
          {% else %}
            {{ states.sensor.mlb_game_status.attributes.dates[0]["games"][0]["teams"]["home"]["team"]["name"] }}
          {% endif %}
        friendly_name_template: >-
          {% if states('sensor.mlb_game_status') == 'unknown' %}
            Losses
          {% else %}
            {{ states.sensor.mlb_game_status.attributes.dates[0]["games"][0]["teams"]["home"]["leagueRecord"]["losses"] }}
          {% endif %}
        entity_picture_template: >-
          {% if states('sensor.mlb_game_status') == 'unknown' %}
            https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcR8rGHWIehoVzpadKbNwJhQ_IxdUbKv81ed06p_3fRsSvmJzluS
          {% else  %}
            https://www.mlbstatic.com/team-logos/league-on-dark/1.svg
          {% endif %}
        entity_id: sensor.mlb_game_status
      away_losses:
        value_template: >-
          {% if states('sensor.mlb_game_status') == 'unknown' %}
            L
          {% else %}
            {{ states.sensor.mlb_game_status.attributes.dates[0]["games"][0]["teams"]["away"]["team"]["name"] }}
          {% endif %}
        friendly_name_template: >-
          {% if states('sensor.mlb_game_status') == 'unknown' %}
            Losses
          {% else %}
            {{ states.sensor.mlb_game_status.attributes.dates[0]["games"][0]["teams"]["away"]["leagueRecord"]["losses"] }}
          {% endif %}
        entity_picture_template: >-
          {% if states('sensor.mlb_game_status') == 'unknown' %}
            https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcR8rGHWIehoVzpadKbNwJhQ_IxdUbKv81ed06p_3fRsSvmJzluS
          {% else  %}
            https://www.mlbstatic.com/team-logos/league-on-dark/1.svg
          {% endif %}
        entity_id: sensor.mlb_game_status
#MLB sensors#########

nickrout · July 29, 2022, 5:43am

Share your Projects is about sharing. A picture does not count.

hobomojojuice · July 29, 2022, 9:42pm

Lovelace Card:

type: vertical-stack
cards:
  - type: conditional
    conditions:
      - entity: sensor.venue
        state: Great American Ball Park
    card:
      type: picture-elements
      elements:
        - type: custom:hui-element
          card_type: glance
          entities:
            - entity: sensor.mlb_away_score
          name: Some toggle (default style)
          style:
            top: 10%
            left: 10%
            transform: translate(0,0)
            '--paper-item-icon-color': red
            '--ha-card-background': rgba(255,255,255,0.8)
            '--ha-card-border-radius': 10px
        - type: custom:hui-element
          card_type: glance
          entities:
            - entity: sensor.mlb_home_score
          name: Some toggle (default style)
          style:
            top: 10%
            left: 70%
            transform: translate(0,0)
            '--paper-item-icon-color': red
            '--ha-card-background': rgba(255,255,255,0.8)
            '--ha-card-border-radius': 10px
      image: >-
        https://prod-gameday.mlbstatic.com/responsive-gameday-assets/1.3.0/images/stadiums/night/2602.jpg
  - type: conditional
    conditions:
      - entity: sensor.venue
        state: American Family Field
    card:
      type: picture-elements
      elements:
        - type: custom:hui-element
          card_type: glance
          entities:
            - entity: sensor.mlb_away_score
          name: Some toggle (default style)
          style:
            top: 10%
            left: 10%
            transform: translate(0,0)
            '--paper-item-icon-color': red
            '--ha-card-background': rgba(255,255,255,0.8)
            '--ha-card-border-radius': 10px
        - type: custom:hui-element
          card_type: glance
          entities:
            - entity: sensor.mlb_home_score
          name: Some toggle (default style)
          style:
            top: 10%
            left: 70%
            transform: translate(0,0)
            '--paper-item-icon-color': red
            '--ha-card-background': rgba(255,255,255,0.8)
            '--ha-card-border-radius': 10px
      image: >-
        https://prod-gameday.mlbstatic.com/responsive-gameday-assets/1.3.0/images/stadiums/night/32.jpg
  - type: conditional
    conditions:
      - entity: sensor.venue
        state: Angel Stadium
    card:
      type: picture-elements
      elements:
        - type: custom:hui-element
          card_type: glance
          entities:
            - entity: sensor.mlb_away_score
          name: Some toggle (default style)
          style:
            top: 10%
            left: 10%
            transform: translate(0,0)
            '--paper-item-icon-color': red
            '--ha-card-background': rgba(255,255,255,0.8)
            '--ha-card-border-radius': 10px
        - type: custom:hui-element
          card_type: glance
          entities:
            - entity: sensor.mlb_home_score
          name: Some toggle (default style)
          style:
            top: 10%
            left: 70%
            transform: translate(0,0)
            '--paper-item-icon-color': red
            '--ha-card-background': rgba(255,255,255,0.8)
            '--ha-card-border-radius': 10px
      image: >-
        https://prod-gameday.mlbstatic.com/responsive-gameday-assets/1.3.0/images/stadiums/night/1.jpg
  - type: conditional
    conditions:
      - entity: sensor.venue
        state: Oriole Park at Camden Yards
    card:
      type: picture-elements
      elements:
        - type: custom:hui-element
          card_type: glance
          entities:
            - entity: sensor.mlb_away_score
          name: Some toggle (default style)
          style:
            top: 10%
            left: 10%
            transform: translate(0,0)
            '--paper-item-icon-color': red
            '--ha-card-background': rgba(255,255,255,0.8)
            '--ha-card-border-radius': 10px
        - type: custom:hui-element
          card_type: glance
          entities:
            - entity: sensor.mlb_home_score
          name: Some toggle (default style)
          style:
            top: 10%
            left: 70%
            transform: translate(0,0)
            '--paper-item-icon-color': red
            '--ha-card-background': rgba(255,255,255,0.8)
            '--ha-card-border-radius': 10px
      image: >-
        https://prod-gameday.mlbstatic.com/responsive-gameday-assets/1.3.0/images/stadiums/night/2.jpg
  - type: conditional
    conditions:
      - entity: sensor.venue
        state: Fenway Park
    card:
      type: picture-elements
      elements:
        - type: custom:hui-element
          card_type: glance
          entities:
            - entity: sensor.mlb_away_score
          name: Some toggle (default style)
          style:
            top: 10%
            left: 10%
            transform: translate(0,0)
            '--paper-item-icon-color': red
            '--ha-card-background': rgba(255,255,255,0.8)
            '--ha-card-border-radius': 10px
        - type: custom:hui-element
          card_type: glance
          entities:
            - entity: sensor.mlb_home_score
          name: Some toggle (default style)
          style:
            top: 10%
            left: 70%
            transform: translate(0,0)
            '--paper-item-icon-color': red
            '--ha-card-background': rgba(255,255,255,0.8)
            '--ha-card-border-radius': 10px
      image: >-
        https://prod-gameday.mlbstatic.com/responsive-gameday-assets/1.3.0/images/stadiums/night/3.jpg
  - type: conditional
    conditions:
      - entity: sensor.venue
        state: Guaranteed Rate Field
    card:
      type: picture-elements
      elements:
        - type: custom:hui-element
          card_type: glance
          entities:
            - entity: sensor.mlb_away_score
          name: Some toggle (default style)
          style:
            top: 10%
            left: 10%
            transform: translate(0,0)
            '--paper-item-icon-color': red
            '--ha-card-background': rgba(255,255,255,0.8)
            '--ha-card-border-radius': 10px
        - type: custom:hui-element
          card_type: glance
          entities:
            - entity: sensor.mlb_home_score
          name: Some toggle (default style)
          style:
            top: 10%
            left: 70%
            transform: translate(0,0)
            '--paper-item-icon-color': red
            '--ha-card-background': rgba(255,255,255,0.8)
            '--ha-card-border-radius': 10px
      image: >-
        https://prod-gameday.mlbstatic.com/responsive-gameday-assets/1.3.0/images/stadiums/night/4.jpg
  - type: conditional
    conditions:
      - entity: sensor.venue
        state: Progressive Field
    card:
      type: picture-elements
      elements:
        - type: custom:hui-element
          card_type: glance
          entities:
            - entity: sensor.mlb_away_score
          name: Some toggle (default style)
          style:
            top: 10%
            left: 10%
            transform: translate(0,0)
            '--paper-item-icon-color': red
            '--ha-card-background': rgba(255,255,255,0.8)
            '--ha-card-border-radius': 10px
        - type: custom:hui-element
          card_type: glance
          entities:
            - entity: sensor.mlb_home_score
          name: Some toggle (default style)
          style:
            top: 10%
            left: 70%
            transform: translate(0,0)
            '--paper-item-icon-color': red
            '--ha-card-background': rgba(255,255,255,0.8)
            '--ha-card-border-radius': 10px
      image: >-
        https://prod-gameday.mlbstatic.com/responsive-gameday-assets/1.3.0/images/stadiums/night/5.jpg
  - type: conditional
    conditions:
      - entity: sensor.venue
        state: Kauffman Stadium
    card:
      type: picture-elements
      elements:
        - type: custom:hui-element
          card_type: glance
          entities:
            - entity: sensor.mlb_away_score
          name: Some toggle (default style)
          style:
            top: 10%
            left: 10%
            transform: translate(0,0)
            '--paper-item-icon-color': red
            '--ha-card-background': rgba(255,255,255,0.8)
            '--ha-card-border-radius': 10px
        - type: custom:hui-element
          card_type: glance
          entities:
            - entity: sensor.mlb_home_score
          name: Some toggle (default style)
          style:
            top: 10%
            left: 70%
            transform: translate(0,0)
            '--paper-item-icon-color': red
            '--ha-card-background': rgba(255,255,255,0.8)
            '--ha-card-border-radius': 10px
      image: >-
        https://prod-gameday.mlbstatic.com/responsive-gameday-assets/1.3.0/images/stadiums/night/7.jpg
  - type: conditional
    conditions:
      - entity: sensor.venue
        state: Fenway Park
    card:
      type: picture-elements
      elements:
        - type: custom:hui-element
          card_type: glance
          entities:
            - entity: sensor.mlb_away_score
          name: Some toggle (default style)
          style:
            top: 10%
            left: 10%
            transform: translate(0,0)
            '--paper-item-icon-color': red
            '--ha-card-background': rgba(255,255,255,0.8)
            '--ha-card-border-radius': 10px
        - type: custom:hui-element
          card_type: glance
          entities:
            - entity: sensor.mlb_home_score
          name: Some toggle (default style)
          style:
            top: 10%
            left: 70%
            transform: translate(0,0)
            '--paper-item-icon-color': red
            '--ha-card-background': rgba(255,255,255,0.8)
            '--ha-card-border-radius': 10px
      image: >-
        https://prod-gameday.mlbstatic.com/responsive-gameday-assets/1.3.0/images/stadiums/night/3.jpg
  - type: conditional
    conditions:
      - entity: sensor.venue
        state: RingCentral Coliseum
    card:
      type: picture-elements
      elements:
        - type: custom:hui-element
          card_type: glance
          entities:
            - entity: sensor.mlb_away_score
          name: Some toggle (default style)
          style:
            top: 10%
            left: 10%
            transform: translate(0,0)
            '--paper-item-icon-color': red
            '--ha-card-background': rgba(255,255,255,0.8)
            '--ha-card-border-radius': 10px
        - type: custom:hui-element
          card_type: glance
          entities:
            - entity: sensor.mlb_home_score
          name: Some toggle (default style)
          style:
            top: 10%
            left: 70%
            transform: translate(0,0)
            '--paper-item-icon-color': red
            '--ha-card-background': rgba(255,255,255,0.8)
            '--ha-card-border-radius': 10px
      image: >-
        https://prod-gameday.mlbstatic.com/responsive-gameday-assets/1.3.0/images/stadiums/night/10.jpg
  - type: conditional
    conditions:
      - entity: sensor.venue
        state: Tropicana Field
    card:
      type: picture-elements
      elements:
        - type: custom:hui-element
          card_type: glance
          entities:
            - entity: sensor.mlb_away_score
          name: Some toggle (default style)
          style:
            top: 10%
            left: 10%
            transform: translate(0,0)
            '--paper-item-icon-color': red
            '--ha-card-background': rgba(255,255,255,0.8)
            '--ha-card-border-radius': 10px
        - type: custom:hui-element
          card_type: glance
          entities:
            - entity: sensor.mlb_home_score
          name: Some toggle (default style)
          style:
            top: 10%
            left: 70%
            transform: translate(0,0)
            '--paper-item-icon-color': red
            '--ha-card-background': rgba(255,255,255,0.8)
            '--ha-card-border-radius': 10px
      image: >-
        https://prod-gameday.mlbstatic.com/responsive-gameday-assets/1.3.0/images/stadiums/night/12.jpg
  - type: conditional
    conditions:
      - entity: sensor.venue
        state: Globe Life Field
    card:
      type: picture-elements
      elements:
        - type: custom:hui-element
          card_type: glance
          entities:
            - entity: sensor.mlb_away_score
          name: Some toggle (default style)
          style:
            top: 10%
            left: 10%
            transform: translate(0,0)
            '--paper-item-icon-color': red
            '--ha-card-background': rgba(255,255,255,0.8)
            '--ha-card-border-radius': 10px
        - type: custom:hui-element
          card_type: glance
          entities:
            - entity: sensor.mlb_home_score
          name: Some toggle (default style)
          style:
            top: 10%
            left: 70%
            transform: translate(0,0)
            '--paper-item-icon-color': red
            '--ha-card-background': rgba(255,255,255,0.8)
            '--ha-card-border-radius': 10px
      image: >-
        https://prod-gameday.mlbstatic.com/responsive-gameday-assets/1.3.0/images/stadiums/night/13.jpg
  - type: conditional
    conditions:
      - entity: sensor.venue
        state: Rogers Centre
    card:
      type: picture-elements
      elements:
        - type: custom:hui-element
          card_type: glance
          entities:
            - entity: sensor.mlb_away_score
          name: Some toggle (default style)
          style:
            top: 10%
            left: 10%
            transform: translate(0,0)
            '--paper-item-icon-color': red
            '--ha-card-background': rgba(255,255,255,0.8)
            '--ha-card-border-radius': 10px
        - type: custom:hui-element
          card_type: glance
          entities:
            - entity: sensor.mlb_home_score
          name: Some toggle (default style)
          style:
            top: 10%
            left: 70%
            transform: translate(0,0)
            '--paper-item-icon-color': red
            '--ha-card-background': rgba(255,255,255,0.8)
            '--ha-card-border-radius': 10px
      image: >-
        https://prod-gameday.mlbstatic.com/responsive-gameday-assets/1.3.0/images/stadiums/night/14.jpg
  - type: conditional
    conditions:
      - entity: sensor.venue
        state: Chase Field
    card:
      type: picture-elements
      elements:
        - type: custom:hui-element
          card_type: glance
          entities:
            - entity: sensor.mlb_away_score
          name: Some toggle (default style)
          style:
            top: 10%
            left: 10%
            transform: translate(0,0)
            '--paper-item-icon-color': red
            '--ha-card-background': rgba(255,255,255,0.8)
            '--ha-card-border-radius': 10px
        - type: custom:hui-element
          card_type: glance
          entities:
            - entity: sensor.mlb_home_score
          name: Some toggle (default style)
          style:
            top: 10%
            left: 70%
            transform: translate(0,0)
            '--paper-item-icon-color': red
            '--ha-card-background': rgba(255,255,255,0.8)
            '--ha-card-border-radius': 10px
      image: >-
        https://prod-gameday.mlbstatic.com/responsive-gameday-assets/1.3.0/images/stadiums/night/15.jpg
  - type: conditional
    conditions:
      - entity: sensor.venue
        state: Truist Park
    card:
      type: picture-elements
      elements:
        - type: custom:hui-element
          card_type: glance
          entities:
            - entity: sensor.mlb_away_score
          name: Some toggle (default style)
          style:
            top: 10%
            left: 10%
            transform: translate(0,0)
            '--paper-item-icon-color': red
            '--ha-card-background': rgba(255,255,255,0.8)
            '--ha-card-border-radius': 10px
        - type: custom:hui-element
          card_type: glance
          entities:
            - entity: sensor.mlb_home_score
          name: Some toggle (default style)
          style:
            top: 10%
            left: 70%
            transform: translate(0,0)
            '--paper-item-icon-color': red
            '--ha-card-background': rgba(255,255,255,0.8)
            '--ha-card-border-radius': 10px
      image: >-
        https://prod-gameday.mlbstatic.com/responsive-gameday-assets/1.3.0/images/stadiums/night/16.jpg
  - type: conditional
    conditions:
      - entity: sensor.venue
        state: Wrigley Field
    card:
      type: picture-elements
      elements:
        - type: custom:hui-element
          card_type: glance
          entities:
            - entity: sensor.mlb_away_score
          name: Some toggle (default style)
          style:
            top: 10%
            left: 10%
            transform: translate(0,0)
            '--paper-item-icon-color': red
            '--ha-card-background': rgba(255,255,255,0.8)
            '--ha-card-border-radius': 10px
        - type: custom:hui-element
          card_type: glance
          entities:
            - entity: sensor.mlb_home_score
          name: Some toggle (default style)
          style:
            top: 10%
            left: 70%
            transform: translate(0,0)
            '--paper-item-icon-color': red
            '--ha-card-background': rgba(255,255,255,0.8)
            '--ha-card-border-radius': 10px
      image: >-
        https://prod-gameday.mlbstatic.com/responsive-gameday-assets/1.3.0/images/stadiums/night/17.jpg
  - type: conditional
    conditions:
      - entity: sensor.venue
        state: Coors Field
    card:
      type: picture-elements
      elements:
        - type: custom:hui-element
          card_type: glance
          entities:
            - entity: sensor.mlb_away_score
          name: Some toggle (default style)
          style:
            top: 10%
            left: 10%
            transform: translate(0,0)
            '--paper-item-icon-color': red
            '--ha-card-background': rgba(255,255,255,0.8)
            '--ha-card-border-radius': 10px
        - type: custom:hui-element
          card_type: glance
          entities:
            - entity: sensor.mlb_home_score
          name: Some toggle (default style)
          style:
            top: 10%
            left: 70%
            transform: translate(0,0)
            '--paper-item-icon-color': red
            '--ha-card-background': rgba(255,255,255,0.8)
            '--ha-card-border-radius': 10px
      image: >-
        https://prod-gameday.mlbstatic.com/responsive-gameday-assets/1.3.0/images/stadiums/night/19.jpg
  - type: conditional
    conditions:
      - entity: sensor.venue
        state: Dodger Stadium
    card:
      type: picture-elements
      elements:
        - type: custom:hui-element
          card_type: glance
          entities:
            - entity: sensor.mlb_away_score
          name: Some toggle (default style)
          style:
            top: 10%
            left: 10%
            transform: translate(0,0)
            '--paper-item-icon-color': red
            '--ha-card-background': rgba(255,255,255,0.8)
            '--ha-card-border-radius': 10px
        - type: custom:hui-element
          card_type: glance
          entities:
            - entity: sensor.mlb_home_score
          name: Some toggle (default style)
          style:
            top: 10%
            left: 70%
            transform: translate(0,0)
            '--paper-item-icon-color': red
            '--ha-card-background': rgba(255,255,255,0.8)
            '--ha-card-border-radius': 10px
      image: >-
        https://prod-gameday.mlbstatic.com/responsive-gameday-assets/1.3.0/images/stadiums/night/22.jpg
  - type: conditional
    conditions:
      - entity: sensor.venue
        state: PNC Park
    card:
      type: picture-elements
      elements:
        - type: custom:hui-element
          card_type: glance
          entities:
            - entity: sensor.mlb_away_score
          name: Some toggle (default style)
          style:
            top: 10%
            left: 10%
            transform: translate(0,0)
            '--paper-item-icon-color': red
            '--ha-card-background': rgba(255,255,255,0.8)
            '--ha-card-border-radius': 10px
        - type: custom:hui-element
          card_type: glance
          entities:
            - entity: sensor.mlb_home_score
          name: Some toggle (default style)
          style:
            top: 10%
            left: 70%
            transform: translate(0,0)
            '--paper-item-icon-color': red
            '--ha-card-background': rgba(255,255,255,0.8)
            '--ha-card-border-radius': 10px
      image: >-
        https://prod-gameday.mlbstatic.com/responsive-gameday-assets/1.3.0/images/stadiums/night/31.jpg
  - type: conditional
    conditions:
      - entity: sensor.venue
        state: American Family Field
    card:
      type: picture-elements
      elements:
        - type: custom:hui-element
          card_type: glance
          entities:
            - entity: sensor.mlb_away_score
          name: Some toggle (default style)
          style:
            top: 10%
            left: 10%
            transform: translate(0,0)
            '--paper-item-icon-color': red
            '--ha-card-background': rgba(255,255,255,0.8)
            '--ha-card-border-radius': 10px
        - type: custom:hui-element
          card_type: glance
          entities:
            - entity: sensor.mlb_home_score
          name: Some toggle (default style)
          style:
            top: 10%
            left: 70%
            transform: translate(0,0)
            '--paper-item-icon-color': red
            '--ha-card-background': rgba(255,255,255,0.8)
            '--ha-card-border-radius': 10px
      image: >-
        https://prod-gameday.mlbstatic.com/responsive-gameday-assets/1.3.0/images/stadiums/night/32.jpg

BigBlackBear · August 31, 2022, 12:23pm

Awesome work! I’ve started to incorporate this into my own dashboard as well, but it seem that the images are missing for a number of venues. Do you know where / how we can find the missing ones?

hobomojojuice · September 9, 2022, 3:35am

Changing night to day will change to a day game and there is no sense to the way venues are numbered, you just have to change the number for the jpg.
https://prod-gameday.mlbstatic.com/responsive-gameday-assets/1.3.0/images/stadiums/night/2602.jpg

borikua59 · October 6, 2022, 4:27am

I was looking for the same and found the MLB stat API json query to get the venue names with their respective url’s.

[
 {
  "Team": "Milwaukee Brewers",
  "Venue Name": "American Family Field",
  "URL": "https:\/\/prod-gameday.mlbstatic.com\/responsive-gameday-assets\/1.3.0\/images\/stadiums\/night\/32.jpg"
 },
 {
  "Team": "Los Angeles Angels",
  "Venue Name": "Angel Stadium",
  "URL": "https:\/\/prod-gameday.mlbstatic.com\/responsive-gameday-assets\/1.3.0\/images\/stadiums\/night\/1.jpg"
 },
 {
  "Team": "St. Louis Cardinals",
  "Venue Name": "Busch Stadium",
  "URL": "https:\/\/prod-gameday.mlbstatic.com\/responsive-gameday-assets\/1.3.0\/images\/stadiums\/night\/2889.jpg"
 },
 {
  "Team": "Arizona Diamondbacks",
  "Venue Name": "Chase Field",
  "URL": "https:\/\/prod-gameday.mlbstatic.com\/responsive-gameday-assets\/1.3.0\/images\/stadiums\/night\/15.jpg"
 },
 {
  "Team": "New York Mets",
  "Venue Name": "Citi Field",
  "URL": "https:\/\/prod-gameday.mlbstatic.com\/responsive-gameday-assets\/1.3.0\/images\/stadiums\/night\/3289.jpg"
 },
 {
  "Team": "Philadelphia Phillies",
  "Venue Name": "Citizens Bank Park",
  "URL": "https:\/\/prod-gameday.mlbstatic.com\/responsive-gameday-assets\/1.3.0\/images\/stadiums\/night\/2681.jpg"
 },
 {
  "Team": "Detroit Tigers",
  "Venue Name": "Comerica Park",
  "URL": "https:\/\/prod-gameday.mlbstatic.com\/responsive-gameday-assets\/1.3.0\/images\/stadiums\/night\/2394.jpg"
 },
 {
  "Team": "Colorado Rockies",
  "Venue Name": "Coors Field",
  "URL": "https:\/\/prod-gameday.mlbstatic.com\/responsive-gameday-assets\/1.3.0\/images\/stadiums\/night\/19.jpg"
 },
 {
  "Team": "Los Angeles Dodgers",
  "Venue Name": "Dodger Stadium",
  "URL": "https:\/\/prod-gameday.mlbstatic.com\/responsive-gameday-assets\/1.3.0\/images\/stadiums\/night\/22.jpg"
 },
 {
  "Team": "Boston Red Sox",
  "Venue Name": "Fenway Park",
  "URL": "https:\/\/prod-gameday.mlbstatic.com\/responsive-gameday-assets\/1.3.0\/images\/stadiums\/night\/3.jpg"
 },
 {
  "Team": "Texas Rangers",
  "Venue Name": "Globe Life Field",
  "URL": "https:\/\/prod-gameday.mlbstatic.com\/responsive-gameday-assets\/1.3.0\/images\/stadiums\/night\/13.jpg"
 },
 {
  "Team": "Cincinnati Reds",
  "Venue Name": "Great American Ball Park",
  "URL": "https:\/\/prod-gameday.mlbstatic.com\/responsive-gameday-assets\/1.3.0\/images\/stadiums\/night\/2602.jpg"
 },
 {
  "Team": "Chicago White Sox",
  "Venue Name": "Guaranteed Rate Field",
  "URL": "https:\/\/prod-gameday.mlbstatic.com\/responsive-gameday-assets\/1.3.0\/images\/stadiums\/night\/4.jpg"
 },
 {
  "Team": "Kansas City Royals",
  "Venue Name": "Kauffman Stadium",
  "URL": "https:\/\/prod-gameday.mlbstatic.com\/responsive-gameday-assets\/1.3.0\/images\/stadiums\/night\/7.jpg"
 },
 {
  "Team": "Miami Marlins",
  "Venue Name": "loanDepot park",
  "URL": "https:\/\/prod-gameday.mlbstatic.com\/responsive-gameday-assets\/1.3.0\/images\/stadiums\/night\/4169.jpg"
 },
 {
  "Team": "Houston Astros",
  "Venue Name": "Minute Maid Park",
  "URL": "https:\/\/prod-gameday.mlbstatic.com\/responsive-gameday-assets\/1.3.0\/images\/stadiums\/night\/2392.jpg"
 },
 {
  "Team": "Washington Nationals",
  "Venue Name": "Nationals Park",
  "URL": "https:\/\/prod-gameday.mlbstatic.com\/responsive-gameday-assets\/1.3.0\/images\/stadiums\/night\/3309.jpg"
 },
 {
  "Team": "San Francisco Giants",
  "Venue Name": "Oracle Park",
  "URL": "https:\/\/prod-gameday.mlbstatic.com\/responsive-gameday-assets\/1.3.0\/images\/stadiums\/night\/2395.jpg"
 },
 {
  "Team": "Baltimore Orioles",
  "Venue Name": "Oriole Park at Camden Yards",
  "URL": "https:\/\/prod-gameday.mlbstatic.com\/responsive-gameday-assets\/1.3.0\/images\/stadiums\/night\/2.jpg"
 },
 {
  "Team": "San Diego Padres",
  "Venue Name": "Petco Park",
  "URL": "https:\/\/prod-gameday.mlbstatic.com\/responsive-gameday-assets\/1.3.0\/images\/stadiums\/night\/2680.jpg"
 },
 {
  "Team": "Pittsburgh Pirates",
  "Venue Name": "PNC Park",
  "URL": "https:\/\/prod-gameday.mlbstatic.com\/responsive-gameday-assets\/1.3.0\/images\/stadiums\/night\/31.jpg"
 },
 {
  "Team": "Cleveland Indians",
  "Venue Name": "Progressive Field",
  "URL": "https:\/\/prod-gameday.mlbstatic.com\/responsive-gameday-assets\/1.3.0\/images\/stadiums\/night\/5.jpg"
 },
 {
  "Team": "Oakland Athletics",
  "Venue Name": "Oakland Coliseum",
  "URL": "https:\/\/prod-gameday.mlbstatic.com\/responsive-gameday-assets\/1.3.0\/images\/stadiums\/night\/10.jpg"
 },
 {
  "Team": "Toronto Blue Jays",
  "Venue Name": "Rogers Centre",
  "URL": "https:\/\/prod-gameday.mlbstatic.com\/responsive-gameday-assets\/1.3.0\/images\/stadiums\/night\/14.jpg"
 },
 {
  "Team": "Minnesota Twins",
  "Venue Name": "Target Field",
  "URL": "https:\/\/prod-gameday.mlbstatic.com\/responsive-gameday-assets\/1.3.0\/images\/stadiums\/night\/3312.jpg"
 },
 {
  "Team": "Seattle Mariners",
  "Venue Name": "T-Mobile Park",
  "URL": "https:\/\/prod-gameday.mlbstatic.com\/responsive-gameday-assets\/1.3.0\/images\/stadiums\/night\/680.jpg"
 },
 {
  "Team": "Tampa Bay Rays",
  "Venue Name": "Tropicana Field",
  "URL": "https:\/\/prod-gameday.mlbstatic.com\/responsive-gameday-assets\/1.3.0\/images\/stadiums\/night\/12.jpg"
 },
 {
  "Team": "Atlanta Braves",
  "Venue Name": "Truist Park",
  "URL": "https:\/\/prod-gameday.mlbstatic.com\/responsive-gameday-assets\/1.3.0\/images\/stadiums\/night\/16.jpg"
 },
 {
  "Team": "Chicago Cubs",
  "Venue Name": "Wrigley Field",
  "URL": "https:\/\/prod-gameday.mlbstatic.com\/responsive-gameday-assets\/1.3.0\/images\/stadiums\/night\/17.jpg"
 },
 {
  "Team": "New York Yankees",
  "Venue Name": "Yankee Stadium",
  "URL": "https:\/\/prod-gameday.mlbstatic.com\/responsive-gameday-assets\/1.3.0\/images\/stadiums\/night\/3313.jpg"
 }
]

I also updated the rgba in the lovelace card to be able to see the scores using the night stadiums.

mlbgamescores

Lovelace Card example:

  - type: conditional
    conditions:
      - entity: sensor.mlb_venue
        state: loanDepot park
    card:
      type: picture-elements
      elements:
        - type: custom:hui-element
          card_type: glance
          entities:
            - entity: sensor.mlb_away_score
          name: Some toggle (default style)
          style:
            top: 10%
            left: 10%
            transform: translate(0,0)
            '--paper-item-icon-color': red
            '--ha-card-background': rgba(0,0,0,.6)
            '--ha-card-border-radius': 10px
        - type: custom:hui-element
          card_type: glance
          entities:
            - entity: sensor.mlb_home_score
          name: Some toggle (default style)
          style:
            top: 10%
            left: 70%
            transform: translate(0,0)
            '--paper-item-icon-color': red
            '--ha-card-background': rgba(0,0,0,.6)
            '--ha-card-border-radius': 10px
      image: >-
        https://prod-gameday.mlbstatic.com/responsive-gameday-assets/1.3.0/images/stadiums/night/4169.jpg

BigBlackBear · October 12, 2022, 2:43pm

THANK YOU!

With a single post, you’ve solved three different problems for me.

I now have images for all the various ballparks.
I now have a card that works with the white font of my dark theme.
Since I have light and dark versions of this card, I can now also make use of the day / night images and dynamically switch between them based on whether I am in light mode or dark mode.

With this, I now have everything I need to really build the view that I want. Unfortunately, it comes at the very moment that both my teams are eliminated, so I probably won’t make any more progress until the spring. Once I have it, though, I’ll be sure to post the latest updates.

Thanks again!

Georgiaava · January 31, 2025, 5:18am

Follow live MLB games today for free, track real-time MLB scores for your favorite teams, and get in-depth analysis for every live MLB game on Game day.Each team plays 162 games per season, monkey type with Opening Day traditionally held during the first week of April. Six teams in each league then advance to a four-round postseason tournament in October, culminating in the World Series, a best-of-seven championship series between the two league champions first played in 1903.