Office UI Fabric 主题答案

【问题标题】：Office UI Fabric themingOffice UI Fabric 主题
【发布时间】：2021-04-02 09:26:42
【问题描述】：

我想在我的 Web 部件中使用正文文本颜色，因此如果主题为黑色，它将以白色显示文本，如果背景为白色，它将以黑色显示。目前我在我的 .scss 文件中引用了这个：

@import '~office-ui-fabric-react/dist/sass/References.scss'

我正在查看office-ui-fabric-react/dist/sass 下的这些文件： _Font.scss 和 _Color.scss，但我没有找到任何与正文颜色相关的内容。

感谢任何帮助。

【问题讨论】：

【解决方案1】：

您可以像这样在 scss 文件中reference theme colors：

.myClass {
  color: "[theme: themePrimary, default: #0078d7]";
}

我相信在您的情况下，您会使用“黑色”或“中性主色”作为颜色，因为在使用反转的主题（深色或黑色背景）时它应该反转。

【讨论】：