1

我正在使用 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; }

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

4

1 回答 1

0

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

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

于 2017-01-27T04:04:00.883 回答