title: Angular Material - How to change the background color of mat-drawer-container
body: <p>angular material mat-drawer-container has default background-color like so..</p>
  <pre><code>.mat-drawer-container {
      background-color: #fafafa;
      color: rgba(0, 0, 0, 0.87);
  }
  </code></pre>
  <p>I'd like to change it to..</p>
  <pre><code>.mat-drawer-container {
      background-color: #dddddd;
  }
  </code></pre>
  <p>I tried with..</p>
  <pre><code>encapsulation: ViewEncapsulation.None
  </code></pre>
  <p>and <code>important</code> like in the following example</p>
  <pre><code>.mat-drawer-container {
      background-color: #dddddd !important;
  }
  </code></pre>
  <p><strong>the background-color won't change</strong>, it's still #fafafa</p>
  <p>it works for <code>.mat-drawer</code> but not for <code>mat-drawer-container</code></p>
  <p>any ideas?</p>