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

# my.setBackgroundColor

> Set the page background color.

Use this API to dynamically set the background color of the page.

## Parameters

| Property              | Type     | Required | Description                                                |
| --------------------- | -------- | -------- | ---------------------------------------------------------- |
| backgroundColor       | HexColor | No       | Background color. For Android, this property is mandatory. |
| backgroundColorTop    | HexColor | No       | Top area background color (iOS)                            |
| backgroundColorBottom | HexColor | No       | Bottom area background color (iOS)                         |
| success               | Function | No       | Callback on success                                        |
| fail                  | Function | No       | Callback on failure                                        |
| complete              | Function | No       | Callback that always executes                              |

## Code Example

```javascript theme={null}
my.setBackgroundColor({
  backgroundColor: '#ffffff',
  backgroundColorTop: '#ffffff',
  backgroundColorBottom: '#ffffff'
});
```

## Related APIs

<CardGroup cols={2}>
  <Card title="my.setNavigationBar" icon="bars" href="/jsapi/ui/navigation-bar/my.setNavigationBar">
    Set navigation bar
  </Card>
</CardGroup>