Styled Components: <ThemeProvider /> usage

App.js

// Style guide definition
const styleGuide = {
  cloudy: '#F2F4F7',
  darkGray: '#4A637C',
  gray: '#7A8D9F',
  // ...more colors or mixins
};

return (
  // The theme styles are available everywhere (thanks to React's context API)
  // Now you can access to "props.theme.gray" on any component
  <ThemeProvider theme={styleGuide}>
    <App>
      <Switch>
        <AuthRoute auth={auth} exact path="/" component={DashboardView} />
        <AuthRoute auth={auth} path="/profile" component={DashboardView} />
        <Route path="/login" component={LoginView} />
        <Route path="/logout" component={LogoutView} />
        {/* ...more routes */}
        <Route component={NotFoundView} />
      </Switch>
    </App>
  </ThemeProvider>
);