Default Theme
Here's what the theme object looks like with the default values.
Explore
Explore the default theme object:
- breakpoints: Object
- direction: "ltr"
- mixins: Object
- components: Object
- palette: Object
- shadows: Array(25)
- typography: Object
- spacing: f spacing()
- shape: Object
- transitions: Object
- zIndex: Object
Tip: you can play with the documentation theme object in your browser 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 material-ui/style/createTheme.js,
and the related imports which createTheme uses.