2016-08-29 32 views
1

我正在使用Twitter数字嵌入小部件,并且想根据用户为主门户选择的主题动态主题它。你可以主题是根据在https://docs.fabric.io/web/digits/embeddable.html他们的文档如下(这是相当多的硬编码)的唯一方法:Theming Twitter数字可嵌入小部件

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:使用初始值设置变量。