# Customize Status Bar

### Recommended Setup:

Use this action on page load to define the status bar appearance as soon as the app loads.

<figure><img src="https://46162361-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MbRbEDU7JrvMAgg52AY%2Fuploads%2FWnPwnW5QNGSoSdlgxSSS%2FScreenshot%202025-01-03%20at%202.59.13%E2%80%AFPM.png?alt=media&#x26;token=e9c6899d-da96-4ff1-b473-b722457d1d81" alt=""><figcaption></figcaption></figure>

### Steps:

1. Go to the Workflow tab and select Page Load as the event trigger.
2. Add the Customize Status Bar action.
3. Configure the following properties:
   * Style: Choose between light or dark status bar text to match your app’s theme.
   * Color: Set the background color for the status bar (e.g., hex color code).
   * Overlay: Select `true` if you want the status bar to overlay app content; otherwise, set it to `false`.