BackgroundProvider

Examples
Custom dark background
Theme: seekAnz
Should be white text
Theme: seekBusiness
Should be white text
Theme: jobsDbRebrand
Should be white text
Theme: jobsDb
Should be white text
Theme: jobStreet
Should be white text
Theme: jobStreetClassic
Should be white text
Theme: wireframe
Should be white text
Code:
<Box
  padding="medium"
  style={{
    backgroundColor: "purple"
  }}
>
  <BackgroundProvider type="dark">
    <Text>Should be white text</Text>
  </BackgroundProvider>
</Box>
Custom light background
Theme: seekAnz
Should be black text
Theme: seekBusiness
Should be black text
Theme: jobsDbRebrand
Should be black text
Theme: jobsDb
Should be black text
Theme: jobStreet
Should be black text
Theme: jobStreetClassic
Should be black text
Theme: wireframe
Should be black text
Code:
<Box background="brand" padding="medium">
  <Box
    padding="medium"
    style={{
      backgroundColor: "snow"
    }}
  >
    <BackgroundProvider type="light">
      <Text>Should be black text</Text>
    </BackgroundProvider>
  </Box>
</Box>

Required props

type
"dark" | "light"
children
ReactElement<any, string | ((props: any) => ReactElement<any, string | ... | (new (props: any) => Component<any, any, any>)> | null) | (new (props: any) => Component<any, any, any>)>

Further References