Change colour of device tracker badge dependant on state

[Bobby_Nobble]

Surprised I couldn’t find a previous example of this but I’m trying to achieve something like the example below…

…so I can see at glance who’s home, which I know I could do with ‘hide if away: true’, but I’d like to keep the 'away’s visible so I can click the badge to see the time they left.

Any ideas?

[Bobby_Nobble]

Solution is in the first few posts here…

New CustomUI release

Having a bit of trouble getting it working, Chrome inspector gives me the below which shows it’s picking it up but being overridden by the default… [03] I have the below in my config under homeassistant: customize_glob: "device_tracker.*": custom_ui_state_card: custom-ui which doesn’t make any difference other than to break a group I have elsewhere in the front end with the device_tracker states shown. I’m on 61.1 hass.io and installed using this option… customizer: custom_ui…

Thanks to @andrey

[kriss13 (Cristian)]

Actually this is all the info in one place. Nothing else worked for me but this has.

Custom UI - icon color change

Thanks for helping out. Got it figured out in the end and will describe here how for newbies. First I have to state that I was not clear in my post about what I wanted to accomplish. Apologies for that. I was looking for badges/labels/icons that would change colour based on the state of device_tracker, thus home or not_home. The code given above this post will change the colour when a listbox is rendered or when an entry (also device_tracker ones) is clicked on and a layover box is opened. But …

As of now the customization is broken for the top row of badges but not for the badges in cards. It affects Lovelace too.

Per-entity theming does not affect top-of-the-page badges on 0.85.*