使用默认主题颜色材质ui

Question

如何在sx属性中使用默认的主题颜色，如“主色”或“辅色”？我不想更改它们，我只想像这样编写sx={{ backgroundColor："primary“}}或smth

Answer 1

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

例如，要访问priamry.main，请使用：

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

或当前文本颜色：

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

更多information