Global styles#

To add global styles to Bumbag, you will need to inject them in the Bumbag theme:

import { Provider as BumbagProvider, css } from 'bumbag';
const theme = {
  global: {
    fontSize: 20,
    styles: {
      base: css`
        html,
        body {
          background-color: pink;
        }
      `
    }
  }
}
export default () => (
  <BumbagProvider theme={theme}>
    {/* your app... */}
  </BumbagProvider>
)

Theming#

Schema#

const theme = {
  global: {
    fontSize: number,
    styles: {
      base: Object | string
    }
  }
}

On this page