Skip to content

🎉 Material UI v5 is out now! Check out the announcement blog post

Default Theme

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

Explore

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.