为啥我们有多个 Material UI 的颜色声明？

Posted 2023-02-22

【中文标题】为啥我们有多个 Material UI 的颜色声明？

【英文标题】：Why do we have multiple color declarations for Material UI?为什么我们有多个 Material UI 的颜色声明？

【发布时间】：2021-10-11 19:47:33

【问题描述】：

调色板主题更新不应该也会影响应用程序上的其他元素，例如按钮吗？

如果我们这样写：

import blue from '@material-ui/core/colors/blue';

const theme = createTheme(
  palette: 
    primary: blue,
  ,
)

按钮组件不会更改为创建的原色。另外，如果我创建一个盒子并提供以下内容：

<Box color='primary.main'>primary.main</Box>

除非我执行以下操作，否则它不会改变文本的颜色

<Box color='palette.primary.main'>primary.main</Box>

它背后有后勤吗？我假设它与进入不同色调或黑暗时颜色的自动变化有关，但我不是 100% 确定。

【参考方案1】：

您必须访问主属性才能更改它：

import blue from '@material-ui/core/colors/blue';

const theme = createTheme(
  palette: 
    primary: 
      main : blue,
    
  ,
)

【讨论】：

谢谢！我想我最初对这个文档页面上的声明感到困惑 material-ui.com/customization/palette