title: Changing color of Drawer in MUI v5
body: <p>I'm using MUI v5 in my project and trying to apply styling to a <code>Drawer</code> so that the background color is black. Since this update was pretty recent I can't find much info on changing the styling of the component without using deprecated elements from MUI v4. Any tips for this? I would also appreciate some advice on applying a color that I've defined using <code>createTheme</code> from MUI as well.</p>
  <pre><code>import React from &quot;react&quot;;
  import {
    Divider,
    Drawer,
    ListItem,
    ListItemButton,
    ListItemIcon,
    ListItemText,
  } from &quot;@mui/material&quot;;
  import AddIcon from &quot;@mui/icons-material/Add&quot;;
  import SearchIcon from &quot;@mui/icons-material/Search&quot;;
  import HomeIcon from &quot;@mui/icons-material/Home&quot;;
  import qdjLogo from &quot;../../assets/qdj_logo.png&quot;;
  import &quot;./styling/SideBarStyling.css&quot;;
  import ProfileFooter from &quot;./ProfileFooter&quot;;
  
  function Sidebar() {
    return (
      &lt;div&gt;
        &lt;Drawer variant=&quot;permanent&quot; anchor=&quot;left&quot;&gt;
          &lt;div className={&quot;wrapper&quot;}&gt;
            &lt;a href=&quot;&quot;&gt;
              &lt;img className={&quot;icon&quot;} src={qdjLogo} alt=&quot;QDJ Logo&quot; /&gt;
            &lt;/a&gt;
          &lt;/div&gt;
          &lt;ProfileFooter /&gt;
        &lt;/Drawer&gt;
      &lt;/div&gt;
    );
  }
  
  export default Sidebar;
  </code></pre>