Twitter Digits 埋め込みウィジェットを使用しており、ユーザーがメイン ポータル用に選択したテーマに応じて動的にテーマを設定したいと考えています。https://docs.fabric.io/web/digits/embeddable.htmlのドキュメントに従ってテーマを設定できる唯一の方法は次のとおりです (ほとんどハードコードされています)。
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 で設定されたいくつかのクラスに応じてこれらの 16 進値を更新する他の方法があるかどうかを誰かに教えてもらえますか (選択したテーマに応じて異なる色にするため)。
たとえば、CSSにこのクラスがあり、その値を抽出して、Twitterコードスニペットのアクセントに適用したいと考えていました:
.accent { color: #FF0000; }
しかし、私はもっとシンプルできちんとしたものを探しています。
埋め込み可能なウィジェットは iframe を作成するため、スタイルを継承しないことに注意してください。アプリ全体で AngularJS を使用しています。