Theming Twitter Digits embeddable Widget

Question

Ich benutze Twitter Digits eingebettet Widget und möchte Thema, um es dynamisch auf das Thema abhängig, dass der Benutzer für das Hauptportal auswählt. Der einzige Weg, man kann es Thema entsprechend ihre Dokumentation auf https://docs.fabric.io/web/digits/embeddable.html wird wie folgt (das so ziemlich fest einprogrammiert ist):

Digits.embed({ 
container: '.my-digits-container', 
    theme: { 
    accent: '315B7F',  /* Buttons & Links */ 
    background: '002747', /* Transparent by defaul */ 
    label: 'FFF',   /* Titles and text */ 
    border: '324F67'  /* Input fields borders */ 
    } 
}) 

jemand kann mir sagen, ob es eine andere Möglichkeit besteht darin, diese Hex-Werte in Abhängigkeit von einigen zu aktualisieren in der CSS-set-Klassen (in der Reihenfolge abhängig verschiedene Farben zu haben, auf dem Thema ausgewählt)? Ich habe diese Klasse in der CSS-

Ich war vielleicht zum Beispiel denke, und ich mag diesen Wert extrahieren und auf den Akzent in Schnipsel twitter Code anwenden:

.accent { color: #FF0000; } 

aber im, die Suche nach etwas einfacher oder sauberere .
Bitte beachten Sie, dass das integrierbare Widget ein iframe erstellt, und daher ist es nicht das Styling erben. Ich benutze AngularJS in der gesamten App.

Answer 1

Unter der Annahme Thema gemacht wird, wenn die Seite geladen wird, können Sie die Farben bekommen können diese answer und speichern Farben in Variablen. Dann verwende diese Variablen in der Digits.Embed().

PS: Set von Variablen mit den Anfangswerten.