import React from 'react';
import getMuiTheme from 'material-ui/styles/getMuiTheme';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';

class App extends React.Component {
  render() {
    return (
      <MuiThemeProvider muiTheme={getMuiTheme()}>
        {this.props.children}
      </MuiThemeProvider>
    );
  }
}

export default App;

import React from 'react';
import { green900, green700, yellow200 } from 'material-ui/styles/colors';
import getMuiTheme from 'material-ui/styles/getMuiTheme';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';

const theme = getMuiTheme({
  palette: {
    primary1Color: green700,
    primary2Color: green900,
    accent1Color: yellow200
  }
})

class App extends React.Component {
  render() {
    return (
      <MuiThemeProvider muiTheme={theme}>
        {this.props.children}
      </MuiThemeProvider>
    );
  }
}

export default App;

Change the theme to be more green.
Change the theme to be more green.
