title: material ui change the checkbox color
body: <ul>
  <li>I am trying to change the color of the checkboxes and radio button.</li>
  <li><p>so I did a research and got this link. <a href="https://stackoverflow.com/questions/47904859/material-ui-change-inputs-active-color">Material UI change Input&#39;s active color</a></p></li>
  <li><p>but still I am getting the error. <code>(0 , _styles2.createMuiTheme) is not a function</code></p></li>
  <li>can you tell me how to change the checkbox colors so that I can use it other places</li>
  </ul>
  
  <p><a href="https://codesandbox.io/s/m7z2l1j09y" rel="nofollow noreferrer">https://codesandbox.io/s/m7z2l1j09y</a></p>
  
  <pre><code>const theme = createMuiTheme({
    palette: {
      secondary: {
        main: "#E33E7F"
      },
  
      formControl: {
        color: "black"
      }
    }
  });
  
  &lt;MuiThemeProvider theme={theme}&gt;
            &lt;FormControl component="fieldset" className={classes.formControl}&gt;
              &lt;FormLabel component="legend"&gt;Gender&lt;/FormLabel&gt;
              &lt;RadioGroup
                aria-label="Gender"
                name="gender1"
                className={classes.group}
                value={this.state.value}
                onChange={this.handleChange}
              &gt;
                {radioValues.map(radio =&gt; {
                  return (
                    &lt;FormControlLabel
                      value={radio.value}
                      control={&lt;Radio /&gt;}
                      label={radio.label}
                    /&gt;
                  );
                })}
              &lt;/RadioGroup&gt;
              {checkBoxvalues.map((check, index) =&gt; {
                return (
                  &lt;FormControlLabel
                    key={check.value}
                    control={
                      &lt;Checkbox
                        checked={check.checked}
                        onChange={this.handleCheckBoxChange(check.value, index)}
                        value={check.value}
                      /&gt;
                    }
                    label={check.label}
                  /&gt;
                );
              })}
            &lt;/FormControl&gt;
          &lt;/MuiThemeProvider&gt;
  </code></pre>