Time on Screensaver

Configuration Frontend
2

First of all, I think this card fits your use case really well, however…:

Clock Weather Card

Something like this should work:

type: custom:mushroom-entity-card
entity: sensor.current_time
icon_type: none
primary_info: none
card_mod:
  style: 
    mushroom-state-info$: >
        .container { 
          align-items: center;          
        }
        .secondary {  
          --card-secondary-font-size: 22px;  /* Sets secondary text size */
          padding: 15px 0;  /* Required so the text isn't cut off above and below */
        }
    .: >
      :host {    
        --mush-card-primary-font-size: 22px;
        --mush-card-secondary-font-size: 100px;
        --mush-card-primary-font-weight: lighter;
        --mush-card-secondary-font-weight: bolder;
        height: 200px
        --mush-icon-size: 2px          
      }

Go here for extensive tutorial on mushroom card styling, most of the :host stuff here is unnecessary:

Mushroom Entity Card Styling

1 Like