Nesting themes

By nesting MuiThemeProvider components, you can compose multiple themes that handle different aspects of a theme into a single theme that's suitable for use in your application.

How to do it...

Let's say that you have a theme that sets the color palette and another theme that changes the border radius. You can merge both themes by nesting the MuiThemeProvider components. Here's an example:

import React from 'react';

import {
  createMuiTheme,
  MuiThemeProvider
} from '@material-ui/core/styles';
import Button from '@material-ui/core/Button';
import Dialog from '@material-ui/core/Dialog';
import DialogActions from '@material-ui/core/DialogActions';
import...