Tema Padrão
Veja como é o objeto de tema com os valores padrão.
Explorar
Explore o objeto de tema padrão:
- breakpoints: Object
- direction: "ltr"
- mixins: Object
- components: Object
- common: Object
- mode: "light"
- light: #7986cb
- main: #3f51b5
- dark: #303f9f
- contrastText: #fff
- secondary: Object
- error: Object
- warning: Object
- info: Object
- success: Object
- grey: Object
- contrastThreshold: 3
- getContrastText: f V()
- augmentColor: f Z()
- tonalOffset: 0.2
- text: Object
- divider: rgba(0, 0, 0, 0.12)
- background: Object
- action: Object
- shadows: Array(25)
- typography: Object
- spacing: f e()
- shape: Object
- transitions: Object
- zIndex: Object
Dica: você pode visualizar o objeto de tema usado na documentação no console do seu navegador com a variável
theme, exposta em todas as páginas de documentação. Observe que o site de documentação está usando um tema personalizado.
Se você quiser aprender mais sobre como o tema é montado, dê uma olhada em material-ui/style/createMuiTheme.js, e as importações relacionadas que createMuiTheme usa.