I am trying to make a dark-themed React frontend that uses Material guidelines. According to dark theme specifications, surfaces should be lightened with each elevation level. This doesn't seem to work with the elevation
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.
Example:
<Paper elevation={1}>
<Typography variant="h6">Paper1</Typography>
</Paper>
<Paper elevation={5}>
<Typography variant="h6">Paper2</Typography>
</Paper>
This two papers have different elevations, but still have the same background color.