Here's what the theme object looks like with the default values.
Explore the documentation theme object:
Tip: you can play with the documentation theme object in your console, as the
themevariable is exposed on all the documentation pages. Please note that the documentation site is using a custom theme.
If you want to learn more about how the theme is assembled, take a look at
and the related imports which
Material-UI styles are powered by the @material-ui/styles npm package. It's a styling solution for React.
This solution is isolated, it has has no knowledge of the default Material-UI theme.
To remove the need for injecting a theme in the React's context systematically, we are wrapping the style modules (
styled) with the default Material-UI theme: