栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

更改Office UI Fabric React组件的颜色/主题?

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

更改Office UI Fabric React组件的颜色/主题?

阅读本文并深入研究GitHub上的Office UI
Fabric
React源代码后,我想我已经找到了解决方案。我想也许我应该在最初的问题中更好地表达我的真实意图。(很抱歉,我已经更新了问题)。我真正想要的是根据某些特定主题全局更改按钮的颜色(以及其他组件的颜色),而不是单独更改。

所以我的解决方案是在渲染按钮之前添加以下几行:

import { loadTheme } from 'office-ui-fabric-react/lib/Styling';loadTheme({  palette: {    'neutralPrimary': 'yellow',    // Used for button text    'neutralLighter': 'red',       // Used for button background  }});

对于不同的组件,您将需要找到用于不同UI部分的正确颜色名称。例如,在上面的代码片段中,我们可以看到“

neutralPrimary
”用于呈现按钮文本,而“
neutralLighter
”用于呈现按钮背景。我必须阅读源代码才能弄清楚它们。不知道是否有更简单的方法。

但是请记住,这些更改是全局性的,并且会影响依赖于这些颜色代码的其他组件。

但是仍然感谢@enjoylife的回复!



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/413316.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号