Lovelace UI HTML

[stevenj]

Hello,

Is there a way for me to edit my UI with HTML and CSS?

[tom_l]

You can modify the Lovelace UI using this:

Card-mod - Add css styles to any lovelace card

This is not a custom card. Instead it’s a plugin which changes the way all other cards work How about this? type: entities style: | ha-card { color: red; } entities: - light.bed_light - light.ceiling_lights - light.kitchen_lights [51] Not a custom: in sight. Or this? [mov] (Please click this gif to open it. It seems to be prone to artifacting when compressed) Or how about changing what happens when you click the name or icon in an entities-card? FANTASTIC POST BY ILDAR…

See also:

Releases · thomasloven/lovelace-card-mod

Though it isn’t documented yet.