Potential issue

I'm going to assume that we want to build a first theme for the preview of the DataGrid. In this context, we want to follow the Material Design specification: https://material.io/design/components/data-tables.html. I have seen the following divergences with the specification: the typography:

• font family, letter spacing https://github.com/mui-org/material-ui/blob/bf8f3f7d35114e2df9b9836ae663187c7d65e608/packages/material-ui/src/TableCell/TableCell.js#L13
• font color: https://github.com/mui-org/material-ui/blob/bf8f3f7d35114e2df9b9836ae663187c7d65e608/packages/material-ui/src/TableCell/TableCell.js#L35

Check the implementation of TableCell for a version that is supposed to (unless proven otherwise 🙃) matches the specification.

Potential solution

The solution would be about:

• using theme.typography.body2
• using theme.palette.text.primary
• loading the Roboto font instead of using the system font

Actually, I wonder. Would the performance be good enough if we used the component? (I suspect it won't be but it would be interesting to figure that out. Alternatively, would it make sense to only import the style of the component?