office-ui-fabric - 设计 Microsoft Fabric-React 组件的样式

Question

我已经启动了 Microsoft Fabric-React，使用 Microsoft here 提供的 Typescript-React-Started .

尽管有优秀的 Fabric-react 文档可用 here ，我找不到任何有关如何设置 Fabric-React 组件样式的文档。

例如，Commandbar 组件的 Microsoft 文档位于 here .

默认主题将命令栏背景呈现为灰色，并带有蓝色命令按钮。

据我所知，微软提供了一个主题/样式系统。不幸的是，我无法找到任何关于如何更改默认主题或创建自定义主题的从头到尾的示例。

所以，我的问题是:

1. 如何更改默认主题，并在 Fabric-React 组件上应用特定主题？
2. 如何创建自定义主题？

Answer 1

感谢您使用 Office UI Fabric React!您是否有机会阅读这些有关样式设计和将主题应用于组件的 wiki 页面？

• https://github.com/OfficeDev/office-ui-fabric-react/wiki/Component-Styling
• https://github.com/OfficeDev/office-ui-fabric-react/wiki/Theming
• https://developer.microsoft.com/en-us/fabric#/components/themes

您还可以通过https://developer.microsoft.com/en-us/fabric#/styles/themegenerator生成您的主题然后使用上面页面中描述的方法应用它。