/

Theme customization


To customize the default theme you can create your own theme.js.

Default values are available here.

// /src/theme.js
import { theme } from 'insites-ui'

export default {
  ...theme,
  colors: {
    ...theme.colors,
    primary: '#42f5aa'
  }
}

And then pass it to the ThemeProvider.

// /src/layouts/Default.js
import { ThemeProvider } from 'insites-ui'
import customTheme from '../theme'

const DefaultLayout = ({ children }) => {
  return (
    <ThemeProvider theme={customTheme}>
      {children}
    </ThemeProvider>
  )
}

export default DefaultLayout
Edit on GitHub