problem with background color not changing with state change

[Speedfighter87]

when battery changes state (such as getting plugged in),
the background-color won't change and won't apply for a minute or so.
other properties such as color do change very quickly.
i've tried setting the interval to be lower, but that doesn't change the time it takes to update.

i'm not very familiar with this code base, and i'm not a really good programmer either.
so i'm sorry if this is an easy fix , although i couldn't find anything in the docs.

relavant config code:

style.css

#battery {
transition-duration: 120ms;

background-color: #27232b;
}

#battery.warning,
#battery.urgent {
color: #2f2a29;
background-color: #b2ffff;
}

#battery.charging,
#battery.full {
color: #2f2a29;
background-color: #c4e881;
}

config
"battery": {
"states": {
"full": 100,
"warning": 30,
"critical": 15
},
"interval": 30,
}

[Speedfighter87]

seems similar to #4576 also.
i think it has something to do with the battery still being "#battery" even though the more specific "#battery.full" should overide it.