search

wassy92x / lovelace-digital-clock

A custom digital clock card for Home Assistant
MIT License
96 stars 17 forks source link

Any way to make card fully transparent? #18

Closed astirling01 closed 8 months ago

astirling01 commented 2 years ago

Love the clock and its clean look. Is there any way to make the card fully transparent so that time essentially sits on the background without any surround?

markfrancisonly commented 2 years ago

Try the following with card_mod

type: custom:digital-clock
timeFormat:
  hour: numeric
  minute: 2-digit
card_mod:
  style: |
    ha-card {
      --ha-card-background: transparent;
      box-shadow: none;
      font-size: larger;
      font-weight: var(--paper-font-headline_-_font-weight)  !important;

    }