Как использовать светлый вторичный цвет в материале

Question

У меня есть эта тема

 palette: {
primary: {
  main: '#d05ce3',
},
secondary: {
  light: '#0066ff',
  main: '#0044ff',

},

Я могу использовать вторичный цвет, как эта находка

<ThemeProvider theme={theme}>
              <Checkbox
                color="secondary" 

Но как использовать вторичный свет?в ThemeProvider

вроде color="secondary.light" не работает!

Answer 1

Вы должны были бы объявить класс для вашего флажка, и в вашем CSS вы указываете, что используете нужный цвет.Пример:

<ThemeProvider theme = {theme}>
          <Checkbox
            color = "secondary"
            className = {classes.checkboxColor}
             />

Файл CSS:

checkboxColor: {
    color: theme.palette.secondary.light
  }