What about adding inline style for those elements you want protect ?
style="filter:hue-rotate(calc(0deg - var(--hueRotationDegree)));"
It works for me when I want exclude some LEDs from hue-rotate effect applied to <html> (entire webpage).
Example:
<div title="receiving UDP weight" class="_idReceivingUDPWeightLed led redLed" style="filter:hue-rotate(calc(0deg - var(--hueRotationDegree)));"></div>
Note:
for <html> tag I used
filter:hue-rotate(var(--hueRotationDegree));
I applied hue-rotate effect on the webpage changing CSS variable
document.documentElement.style.setProperty("--hueRotationDegree",<hueRotateDegreesVariable> + "deg");