> ## Documentation Index
> Fetch the complete documentation index at: https://docs.confidolegal.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Custom Styles

You can pass a `style` object to the `renderForm` which will apply custom styles to the onboarding form.

```javascript theme={"system"}
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.

<img src="https://res.cloudinary.com/djp21wtxm/image/upload/v1706126207/i470x650-kc1xAxitNLzz_v5swrg.png" alt="" />