▶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
- light: "#ff4081"
- main: "#f50057"
- dark: "#c51162"
- contrastText: "#fff"
- â–¶error: Object
- â–¶grey: Object
- contrastThreshold: 3
- getContrastText: function P()
- augmentColor: function O()
- 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.