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
- overrides: Object
- palette: Object
- props: 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
theme
variable 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/createMuiTheme.js
,
and the related imports which createMuiTheme
uses.