accessing the theme

[rsaccon]

Just getting started with rebass. How can I access the theme from anywhere ? Does rebass provide any helper for that ?

my use case: I am extending a component:

const Item = styled(Container)`
    &:hover {
      background-color: #eee;
      cursor: pointer;
    }
  `;

so I would like to use a color key from the theme instead of hardwiring the color as I did above

[jxnblk]

The Rebass.Provider component is a wrapper around styled-components' ThemeProvider (https://www.styled-components.com/docs/advanced#theming). If you're using the theme provider, you should be able to access the theme from props, e.g. props.theme.colors.blue.

To use the theme outside of a React app, you can also manually import the theme import { theme } from 'rebass'

[rsaccon]

Thanks, found the styled-components withTheme helper, which does what I was looking for. Works great now.