主题Twitter数字嵌入小部件

Question

我正在使用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中设置的某些类，可以告诉我是否还有其他方法可以更新这些十六进制值（为了根据所选主题选择不同的颜色）？

我想的可能是例如我在CSS中有这个类，我想提取该值并将其应用于twitter代码片段中的重音：

.accent { color: #FF0000; }

但我正在寻找更简单或更整洁的东西 请注意，embeddable小部件会创建一个iframe，因此它不会继承样式。我在整个应用程序中使用AngularJS。

Answer 1

假设在页面加载时呈现主题，您可以使用此answer获取颜色并将颜色存储在变量中。然后在Digits.Embed（）中使用这些变量。

PS：使用初始值设置变量。