使用默认的主题颜色材质ui

Question

如何使用默认主题颜色，如"primary"或";secondary"在第六属性?我不想改变它们，我只想写sx={{backgroundColor: "primary"}}或类似的SMTH

Answer 1

你需要更具体一点你想要的颜色:

例如访问primary。主要用途:

<Box sx={{ borderColor: 'primary.main' }} />

或当前文本颜色:

<Box sx={{ color: 'text.secondary' }}>Sessions</Box>

的更多信息