Newbie Question: Cannot get the state to show a different colour on the Floorplan

Third party integrations Floorplan
1

I followed the fantastic video from Dr ZZS for floor-plan. I got everything to work and I am not sure what it is that I am missing. I cannot see the colour changing for a light or a switch.

My floorplan.css hast the following values:

/* Light */

.light-off {
fill: #464646 !important;
fill-opacity: 1 !important;
stroke: #464646 !important;
stroke-width: 0.2px !important;
}

.light-on {
fill: #FFFF00 !important;
fill-opacity: 1 !important;
stroke: #FFFF00 !important;
stroke-width: 0.2px !important;
}

/* Switch */

.switch-off {
fill: #464646 !important;
fill-opacity: 1 !important;
stroke: #464646 !important;
stroke-width: 0.2px !important;
}

.switch-on {
fill: #FFFF00 !important;
fill-opacity: 1 !important;
stroke: #FFFF00 !important;
stroke-width: 0.2px !important;
}

But I am not seeing a change in colour at all. Hovering over the light or a switch tells me that the state is either on or off. What is it I am missing? :thinking: