Skip to content

🎉 Material UI v5 is out! Head to the migration guide to get started.

Default Theme

Here's what the theme object looks like with the default values.


Explore the default theme object:

  • direction: "ltr"
  • overrides: Object
  • props: Object

Tip: you can play with the documentation theme object in your browser console, as the theme variable is exposed on all the documentation pages. Please note that the documentation site is using a custom theme.

If you want to learn more about how the theme is assembled, take a look at material-ui/style/createTheme.js, and the related imports which createTheme uses.