title: Semantic React UI : is there a way to change the background color of a checkbox toggle?
body: <p>I'm using <a href="https://react.semantic-ui.com/modules/checkbox/" rel="nofollow noreferrer">toggle checkboxes</a> by Semantic React UI.
  The background color of a checkbox is defined in their styles here :</p>
  <pre><code>  .ui.toggle.checkbox input:checked~.box:before, .ui.toggle.checkbox input:checked~label:before {
        background-color: #2185d0!important;
    }
  </code></pre>
  <p>... But I would like to be able to set a prop that would change that color, like</p>
  <pre><code>&lt;Checkbox toggle toggleColor=&quot;red&quot;/&gt;
  </code></pre>
  <p>Could I extend that component to achieve that, or is there another way to achieve this ?</p>
  <p>Thanks !</p>