时间戳

首页 > 解决方案 > React Material UI：为什么原色与文档中的颜色不同？

reactjs - React Material UI：为什么原色与文档中的颜色不同？

问题描述

我开始在 React 中的一些项目中使用 Material UI 框架。有一件事我想不通：出现在整个文档中的原色似乎是#2196f3，但在我的项目中，出于某种原因，它是#303f9f（介于蓝色和紫色之间）。

我使用的是标准示例，没有任何可能干扰的主题或全局 CSS。例如，这个：

<Button type="submit" variant="contained" color="primary" >
   Register event
</Button>

结果是：

在此处输入图像描述

我在文档中遗漏了什么吗？为什么颜色会如此不同？

标签： reactjsmaterial-ui

解决方案

这是默认主题的文档：

https://material-ui.com/customization/default-theme/

在该页面中，您可以找到以下内容：

请注意，文档站点使用的是自定义主题。因此，您在此处看到的演示可能与上述值不一致。

要了解有关颜色系统的更多信息，请参阅https://material.io/design/color/#

推荐阅读