title: Change the color of Material UI datagrid components
body: <p>How can I change the color of all the components of the Material UI Datagrid? I've tried using styling prop but it only changes the color of the header and row contents.</p>
  <pre><code>&lt;DataGrid
     sx={{fontFamily:&quot;Plus Jakarta Sans, sans-serif&quot;, color:'#EEF1F6',}}
     getRowId={(row) =&gt; row.id}
     rows={rows}
     columns={columns}
     checkboxSelection 
     disableSelectionOnClick
     onSelectionModelChange={(id) =&gt; {
     setidSelect(id);
     console.log(id);}}/&gt;
  </code></pre>
  <p>But I need to change the font color of the footer contents and checkboxes.</p>