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"
- primary: Object
- secondary: Object
- error: Object
- warning: Object
- light: #64b5f6
- main: #2196f3
- dark: #1976d2
- contrastText: #fff
- 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.