Saw this and wanted to know how its done

Feature Requests
1

time on Dash Header
time on Dash Header1216×56 16.6 KB

As you can see from the image the time is in the header, have I missed a trick and this is super easy??

Home Assistant should really have this as standard, what do you all think?

2

If standard, then only as an selectable option. There are clocks everywhere around me, to much of them… :slight_smile:

2 Likes
3

It used to be this in LoveLace, but I just noticed at my own I still had it, but is ignored:

custom_header:
  header_text: 'My own Home {{ hours24 }}:{{ minutesLZ }}'
1 Like
4

That was part of Custom Header, which was retired last year. I believe that there’s a Custom Header v2 project that someone resurrected, but I couldn’t easily find it.

1 Like
5

Here’s how I am doing this using card-mod themes.
I am hiding the button menu and replacing it with the clock.

Here’s the relevant part of my theme.yaml

Dark:
  card-mod-theme: Dark
  card-mod-root: | 
    ha-button-menu {
            transition: none !important;
            visible: false !important;
            text-indent: -1px;
            color: transparent;
    }
    ha-button-menu::after {
            content: '\A {{ states('sensor.time') }}';
            visible: true !important;
            font-size: 15px;
            position: absolute;
            color: #5c5f61;
            font-weight: bold;
            font-family: Manrope;
            top: 15px;
    }

clock

2 Likes