// @flow
import * as React from 'react'
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider'
import getMuiTheme from 'material-ui/styles/getMuiTheme'

import ScreensContainer from '../ScreensContainer'
import BottomBarContainer from '../BottomBarContainer'

const muiTheme = getMuiTheme({
  fontFamily: 'Roboto, sans-serif',
  palette: {
    primary1Color: '#eee',
    primary2Color: '#ddd',
    primary3Color: '#ccc',
    accent1Color: '#fff',
    accent2Color: '#eee',
    textColor: '#000',
    alternateTextColor: '#222',
    canvasColor: '#fff',
    borderColor: '#aaa',
    // disabledColor: fade(darkBlack, 0.3),
    pickerHeaderColor: '#000',
    // clockCircleColor: fade(darkBlack, 0.07),
    shadowColor: '#000',
  },
})

const App = () => (
  <MuiThemeProvider muiTheme={muiTheme}>
    <div>
      <ScreensContainer />
      <BottomBarContainer />
    </div>
  </MuiThemeProvider>
)

export default App

// @flow
import * as React from 'react'
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider'
import getMuiTheme from 'material-ui/styles/getMuiTheme'

import ScreensContainer from '../ScreensContainer'
import BottomBarContainer from '../BottomBarContainer'

const muiTheme = getMuiTheme({
  fontFamily: 'Roboto, sans-serif',
  palette: {
    primary1Color: '#444',
    // primary2Color: '#ddd',
    // primary3Color: '#ccc',
    // accent1Color: '#fff',
    // accent2Color: '#eee',
    // textColor: '#000',
    // alternateTextColor: '#222',
    // canvasColor: '#fff',
    // borderColor: '#aaa',
    // disabledColor: fade(darkBlack, 0.3),
    // pickerHeaderColor: '#000',
    // clockCircleColor: fade(darkBlack, 0.07),
    // shadowColor: '#000',
  },
})

const App = () => (
  <MuiThemeProvider muiTheme={muiTheme}>
    <div>
      <ScreensContainer />
      <BottomBarContainer />
    </div>
  </MuiThemeProvider>
)

export default App

Fix theme color