title: Changing the color of selected items in react-select
body: <p>I want to change the color of the selected items in react select. Currently the selected items appear blue. I want to change the color to grey</p>
  
  <p><a href="https://i.stack.imgur.com/BqgFS.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/BqgFS.png" alt="enter image description here"></a></p>
  
  <p>Towards this I did the following steps</p>
  
  <ol>
  <li><p>created a file called MyComponent.scss</p>
  
  <pre><code>$grey: #999;
  .Select--multi {
  .Select-value {
      background-color: $grey;
      color: $grey;
  }}
  </code></pre></li>
  </ol>
  
  <p>and then imported this file into my component</p>
  
  <pre><code>import 'react-select/scss/default.scss';
  import './MyComponent.scss';
  </code></pre>
  
  <p>My hope was that this will override the default color with my $grey variable.</p>
  
  <p>But the color is still blue.</p>