Default theme viewer

Here's what the theme object looks like with the default values.

Explore

Explore the default theme object:

Expand allUse dark theme

breakpoints: Object
direction: "ltr"
components: Object
palette: Object
spacing: f spacing()
shape: Object
unstable_sxConfig: Object
unstable_sx: f sx()
mixins: Object
shadows: Array(25)
typography: Object
transitions: Object
zIndex: Object

If you want to learn more about how the theme is assembled, take a look at material-ui/style/createTheme.js, and the related imports which createTheme uses.