State-Label as a Digital Clock look

[alexantao (Alex Carlos)]

Hi there.

I have a timer that I integrated on a lovelace panel over a picture-elements. My intention is to show the timer in real time. I used a state-label to show, and it works.

  - type: state-label
    entity: sensor.tempo_restante_luz_da_sala
    style:
      z-index: 3
      left: 35%
      top: 9%
      color: lightgreen
      –ha-label-badge-font-size: 3em
    conditions:
      - entity: sensor.tempo_restante_luz_da_sala
        state_not: "00:00"

But I’d like to customize it to look like a digital clock, with the fonts like the image below. I’ve searched a lot and found nothing. The only thing I found was how to put a clock, but it’s not what I want.

So, the final card should look like this:

Is it possible ?

Thanks.

[Ildar_Gabdullin]

If you find a font with similar look - you may use it in “style”.