Default theme viewer
This tree view allows you to explore how the theme object looks like with the default values.
If you want to learn more about how the theme is assembled, take a look at material-ui/style/createTheme.ts,
and the related imports which createTheme() uses.
You can play with the documentation theme object in your browser console,
as the theme variable is exposed on all the documentation pages.
- breakpoints: Object
- direction: "ltr"
- components: Object
- palette: Object
- spacing: f c()
- shape: Object
- containerQueries: f e()
- applyStyles: f k()
- internal_cache: Object
- mixins: Object
- shadows: Array(25)
- typography: Object
- motion: Object
- transitions: Object
- zIndex: Object
- toRuntimeSource: f e()
- alpha: f alpha()
- lighten: f lighten()
- darken: f darken()
- breakpoints: Object
- direction: "ltr"
- components: Object
- palette: Object
- spacing: f c()
- shape: Object
- containerQueries: f e()
- applyStyles: f k()
- internal_cache: Object
- mixins: Object
- shadows: Array(25)
- typography: Object
- motion: Object
- transitions: Object
- zIndex: Object
- toRuntimeSource: f e()
- alpha: f alpha()
- lighten: f lighten()
- darken: f darken()