Farbe eine Switch je nach Zustand ändern

[Mumpitz]

Hallo zusammen

Ich bin zur Zeit am Aufbauen eines neuen FTUI und stecke bei der Implementierung der Alarmanlage fest:

Dazu habe ich auf den Switch "Alarmanlage" ein Popup gelegt, was mich auswählen lässt, ob ich die Alarmanlage intern oder extern scharf stellen möchte. Diese beiden Switch im Popup habe ich mittels des Icon "fa-exclamation-circle fa-lg" und rot für extern und blau für intern umgesetzt. Funktioniert

Was jetzt den WAF extrem erhöhen würde wäre, wenn der Switch auf der index.html nicht nur unten beim label (intern_Scharf oder extern_scharf) die Farbe ändern würde, sonder auch der Switch selber (entweder blau oder rot)

ist das irgendwie machbar?

hier mein Code:

Code Auswählen Erweitern

<li data-row="3" data-col="2" data-sizex="2" data-sizey="2">
<header>Alarmanlage</header>
   
<div data-type="popup" data-width="200px">

<div data-type="switch" data-device="test" data-set-on="on" data-set-off="off" data-icon="fa-exclamation-circle fa-lg" data-on-color="red" data-off-color="grey" class="big"></div>
<div data-type="label" data-device="ANLAGE_STATUS" data-get="state" class=""></div>
<div class="dialog">
<header>Alarmanlagen Auswahl</header>
<div class="top-space">
<div data-type="switch" data-device="test" data-set-on="on" data-set-off="off" data-icon="fa-exclamation-circle fa-lg" data-on-color="red" data-off-color="grey" class="big"></div>
<br>EXTERN
</div>

<div class="top-space-3x">
<div data-type="switch" data-device="test" data-set-on="on_intern" data-set-off="off" data-icon="fa-exclamation-circle fa-lg" data-on-color="blue" data-off-color="grey" class="big"></div>
<br>INTERN
</div>

</li>

Hat jemand eine Idee?