Skip to main content
You can pass a style object to the renderForm which will apply custom styles to the onboarding form. 
const style = {
  theme: {
    brandColors: {
      50: '#F0FFF4',
      100: '#C6F6D5',
      200: '#9AE6B4',
      300: '#68D391',
      400: '#48BB78',
      500: '#38A169',
      600: '#2F855A',
      700: '#276749',
      800: '#22543D',
      900: '#1C4532',
    },
  },
  inputBackgroundColor: '#fff',
};

​
theme.brandColors

The form uses the brandColors object to add a little bit of color. Items like buttons and checkbox background colors use the brandColors. Here’s a snapshot of what the form would look like if you used the style object above.