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)
- htmlFontSize: 16
- pxToRem: f ()
- round: f A()
- fontFamily: ""Roboto", "Helvetica", "Arial", sans-serif"
- fontSize: 14
- fontWeightLight: 300
- fontWeightRegular: 400
- fontWeightMedium: 500
- fontWeightBold: 700
- h1: Object
- h2: Object
- h3: Object
- h4: Object
- h5: Object
- h6: Object
- subtitle1: Object
- subtitle2: Object
- body1: Object
- body2: Object
- button: Object
- caption: Object
- overline: Object
- spacing: f e()
- 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/createMuiTheme.js,
and the related imports which createMuiTheme uses.