我想在我的 Web 部件中使用正文文本颜色,因此如果主题为黑色,它将以白色显示文本,如果背景为白色,它将以黑色显示。目前我在我的 .scss 文件中引用了这个:
@import '~office-ui-fabric-react/dist/sass/References.scss'
我正在查看以下文件office-ui-fabric-react/dist/sass
:_Font.scss 和 _Color.scss,但我没有找到与正文颜色相关的任何内容。
任何帮助表示赞赏。
我想在我的 Web 部件中使用正文文本颜色,因此如果主题为黑色,它将以白色显示文本,如果背景为白色,它将以黑色显示。目前我在我的 .scss 文件中引用了这个:
@import '~office-ui-fabric-react/dist/sass/References.scss'
我正在查看以下文件office-ui-fabric-react/dist/sass
:_Font.scss 和 _Color.scss,但我没有找到与正文颜色相关的任何内容。
任何帮助表示赞赏。
您可以像这样在 scss 文件中引用主题颜色:
.myClass {
color: "[theme: themePrimary, default: #0078d7]";
}
我相信在您的情况下,您会使用“黑色”或“中性初级”作为您的颜色,因为在使用反转的主题(深色或黑色背景)时它应该反转。