App.js

import React from 'react';
import MainTemplate from './pages/MainTemplate';

import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
import getMuiTheme from 'material-ui/styles/getMuiTheme';
import { grey500, blueGrey900, grey400  } from 'material-ui/styles/colors';

// list of props here --> https://github.com/mui-org/material-ui/blob/master/src/styles/baseThemes/lightBaseTheme.js
const customTheme = {
    palette: {
        primary1Color: grey500,
        primary2Color: blueGrey900,
        primary3Color: '#b0ac9a',
        pickerHeaderColor: '#b0ac9a',
    }
};

const theme = getMuiTheme(customTheme);

export default class App extends React.Component {

    render(){

        return (
            <MuiThemeProvider muiTheme={theme}>
                <MainTemplate />
            </MuiThemeProvider>
        )

    }

}