▶Object {breakpoints: Object, direction: "ltr", mixins: Object, overrides: Object, palette: Object…}
- ▶breakpoints: Object
- direction: "ltr"
- ▶mixins: Object
- overrides: Object
- ▶palette: Object
- ▶common: Object
- type: "light"
- ▶primary: Object
- ▶secondary: Object
- ▶error: Object
- light: "#e57373"
- main: "#f44336"
- dark: "#d32f2f"
- contrastText: "#fff"
- ▶grey: Object
- contrastThreshold: 3
- getContrastText: function P()
- augmentColor: function C()
- tonalOffset: 0.2
- ▶text: Object
- divider: "rgba(0, 0, 0, 0.12)"
- ▶background: Object
- ▶action: Object
- props: Object
- ▶shadows: Array[25]
- ▶typography: Object
- ▶shape: Object
- ▶spacing: Object
- ▶transitions: Object
- ▶zIndex: Object
The theme normalizes implementation by providing default values for palette, dark and light types, typography, breakpoints, shadows, transitions, etc.
Tip: you can play with the theme object in your console too.
We expose a global theme variable on all the pages.
Please take note that the documentation site is using a custom theme. As a result, the demos you see here might disagree with the values above.
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.