Theme

npm i --save @hixme-ui/theme

Theme

HUI theme colors and defaults

import theme from '@hixme-ui/theme'

const primary = theme.colors.primary

ThemeProvider

HUI theme provider, which is just an implementation of styled-components ThemeProvider with the HUI theme as the default

import { ThemeProvider } from '@hixme-ui/theme'

const App = ({ children }) => (
  <ThemeProvider>
    {children}
  </ThemeProvider>
)

withGlobal prop

The HUI was built with some global settings, including the normalize CSS. These global styles are not set by default and are enabled by adding the withGlobal property on the ThemeProvider.

const App = ({ children }) => (
  <ThemeProvider withGlobal>
    {children}
  </ThemeProvider>
)