Html Mui功能将颜色更改为黑色或与黑底颜色相关

Html Mui功能将颜色更改为黑色或与黑底颜色相关,html,css,reactjs,material-ui,Html,Css,Reactjs,Material Ui,我想知道我可以从material ui中使用哪个函数来获得它的特征属性,即将文本颜色更改为黑色或白色,如果bg为深色,则将颜色更改为白色,如果bg为浅色,则将颜色更改为黑色。 埃克斯马普 但它并不像MUI那样提供黑/白,它只是提供了一种具有对比度的颜色,使其可见 <AppBar color="primary"> <Toolbar> <Typography color="inherit" > s

我想知道我可以从material ui中使用哪个函数来获得它的特征属性,即将文本颜色更改为黑色或白色,如果bg为深色,则将颜色更改为白色,如果bg为浅色,则将颜色更改为黑色。 埃克斯马普

但它并不像MUI那样提供黑/白,它只是提供了一种具有对比度的颜色,使其可见

<AppBar color="primary">
     <Toolbar>
         <Typography color="inherit" > some text </Typography>
     </Toolbar>
</AppBar>
mix-blend-mode: "difference"