The Problem
I have a Home Assistant map card and I’m trying to style the entity markers on it. The main issue is that a blue border or ring appears around the first person in the entities list, the second is yellow, the third is red, and the fourth is green.
I want to be able to set the border color and thickness individually for each person. Is this possible? I’ve tried using card_mod to change the border and box-shadow of the ha-map-marker component, but none of my attempts have worked. The style seems to be very persistent and is overriding all my CSS rules.
I need to know the correct card_mod YAML to achieve this per-person styling.
type: map
default_zoom: 16
entities:
- entity: person.myperson1
- entity: person.myperson2
aspect_ratio: auto
hours_to_show: 0
grid_options:
columns: full
rows: 5
theme_mode: auto
card_mod:
style: |
ha-card {
height: 295.5px !important;
border: none !important;
}