2016-08-29 6 views
1

私はTwitter Digits組み込みウィジェットを使用しており、ユーザーがメインポータル用に選択したテーマに応じて動的にテーマを設定したいと考えています。次のようにテーマが、それがhttps://docs.fabric.io/web/digits/embeddable.htmlで自分の説明書に従って、(かなりのハードコードされた)されることができる唯一の方法:Theming Twitter Digits組み込み可能なウィジェット

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 */ 
    } 
}) 

誰もがいくつかに応じて、これらの六角値を更新するための他の方法があるかどうかを教えてもらえますCSSで設定されたクラス(選択されたテーマに応じて異なる色にするために)?

私は例えば多分考えていた私はCSSでこのクラスを持っていると私はその値を抽出し、Twitterのコードスニペットでアクセントにそれを適用したい:

.accent { color: #FF0000; } 

は、しかし単純な何かすっきり探しイム。
埋め込み可能なウィジェットはiframeを作成するため、スタイリングを継承しないことに注意してください。私はアプリ全体でAngularJSを使用しています。

答えて

0

ページが読み込まれるときにテーマがレンダリングされると仮定すると、このanswerを使用して色を取得し、色を変数に格納できます。その後、Digits.Embed()でこれらの変数を使用します。

PS:初期値で変数を設定します。

関連する問題