Clean Tile-Based Lovelace UI - only 2 cards needed!

Share your Projects!
7

Thanks! Here’s the config for the Good Morning/Afternoon/Evening card:

Welcome:
Can also be repurposed as a general title card. 60px tall so needs a row height of at least this. Not a template - copy directly into your view config

      - type: 'custom:button-card'
        gridcol: 1/6
        gridrow: 1/6
        name: >-
          [[[ var d = new Date(); var n = d.getHours(); if (0 <= n && n
          < 12) return "Good morning."; else if (12 <= n && n < 18)
          return "Good afternoon."; else if (18 <= n && n < 24) return
          "Good evening."; else return "ERROR";]]]
        styles:
          card:
            - width: 300px
            - height: 60px
            - background: none
            - box-shadow: none
          name:
            - justify-self: start
            - margin-left: 10px
            - font-weight: normal
            - font-size: xx-large
2 Likes