title: Simplest way to adjust background color of a react-toastify Toast
body: <p>I tried it like this but it doesn't do anything:</p>
  
  <pre><code>const myToast = () =&gt; (
    &lt;div style={{backgroundColor: myColors.green}}&gt;
      ...some text content...
    &lt;/div&gt;
  )
  </code></pre>
  
  <p>Then in App.js</p>
  
  <pre><code>class App extends Component {
    showMyToast = () =&gt; {
            toast(&lt;MyToast /&gt;, {
              closeOnClick: false,
              toastId: 'my_toast',
              autoClose: true,
              closeButton: false,
              position: toast.POSITION.BOTTOM_CENTER,
              className: 'toast'
            })          
    }
  }
  </code></pre>
  
  <p>I'm seeing a white toast with my text on it.</p>