Layout des Circlemenus

[Slanesh]

Hallo zusammen,

ich würde gerne bei einem Circlemenu zwei Designanpassungen vornehmen, konnte aber bisher auch nach intensiver Suche nicht herausfinden, wie dies möglich ist:
1. Würde ich gerne den Kreisrahmen um den Circlemenu-Button entfernen oder auf die gleiche Farbe wie den Hintergrund setzen (siehe Anhang).
2. Möchte ich die Farbe der orangenen Animation beim Öffnen/Schließen des Menüs verändern (siehe Anhang).

Die Circlemenus sind wie folgt bei mir definiert:

Code Auswählen Erweitern


  <div data-type="circlemenu" class="" data-border="round" data-direction="full" data-item-width="100" data-item-height="100" data-circle-radius="130">
    <ul>
      <li><div data-type="push" data-states='["off","25","50","75","on"]' data-background-color="white" data-color="white" data-icon="fa-blinds" style="color: rgb(255, 255, 255)"></div></li>
      <li><div data-type="push" data-device="AK_AZ_Rollladen_S1" data-set-on="pct 0" data-icon="" data-background-color="white"><font color="white" size="5">0%</font></div></li>
      <li><div data-type="push" data-device="AK_AZ_Rollladen_S1" data-set-on="pct 25" data-icon="" data-background-color="white"><font color="white" size="5">25%</font></div></li>
      <li><div data-type="push" data-device="AK_AZ_Rollladen_S1" data-set-on="pct 50" data-icon="" data-background-color="white"><font color="white" size="5">50%</font></div></li>
      <li><div data-type="push" data-device="AK_AZ_Rollladen_S1" data-set-on="pct 75" data-icon="" data-background-color="white"><font color="white" size="5">75%</font></div></li>
      <li><div data-type="push" data-device="AK_AZ_Rollladen_S1" data-set-on="pct 100" data-icon="" data-background-color="white"><font color="white" size="5">100%</font></div></li>
    </ul>
  </div>

Kann mir jemand einen Hinweis geben, an welcher Stelle ich hier anpacken könnte?

Viele Grüße
Slanesh