title: Material UI Paper background color based on elevation?
body: <p>I am trying to make a dark-themed React frontend that uses Material guidelines. According to <a href="https://material.io/design/color/dark-theme.html#properties" rel="nofollow noreferrer">dark theme specifications</a>, surfaces should be lightened with each elevation level. This doesn't seem to work with the <code>elevation</code> property in material-ui's Paper component, it seems to only add a shadow. I am wondering if this specification is already implemented, or what the best solution would be for having this effect.</p>
  <p>Example:</p>
  <pre><code>&lt;Paper elevation={1}&gt;
      &lt;Typography variant=&quot;h6&quot;&gt;Paper1&lt;/Typography&gt;
  &lt;/Paper&gt;
  &lt;Paper elevation={5}&gt;
      &lt;Typography variant=&quot;h6&quot;&gt;Paper2&lt;/Typography&gt;
  &lt;/Paper&gt;
  </code></pre>
  <p>This two papers have different elevations, but still have the same background color.</p>