Style & Appearance
The Style & Appearance page lets you control the visual foundation of your app — the status bar, background color, screen orientation, and fullscreen mode. These settings apply globally across the entire app.
Status Bar
The status bar is the thin strip at the top of the device screen that shows the time, battery, and signal indicators.
Background Color
Set the background color of the status bar for both Light and Dark themes.
- Light Mode default:
#ffffff - Dark Mode default:
#000000
Choose a color that matches your app's header or top navigation to create a seamless look.
Icon Color
Controls whether the status bar icons and text (time, battery, signal) appear in dark or light color.
| Option | Best used when |
|---|---|
| Dark | Your status bar background is light (e.g. white or pastel) |
| Light | Your status bar background is dark (e.g. black or deep color) |
Always ensure there is enough contrast between the background color and icon color for readability.
App Background Color
This is the background color that appears behind your website content while it is loading, or in any areas not covered by your webpage.
- Light Mode default:
#ffffff - Dark Mode default:
#000000
Set this to match your website's background color to avoid a flash of mismatched color during page transitions.
App Orientation
Controls how the app responds when the user rotates their device.
| Option | Description |
|---|---|
| Landscape & Portrait | Allows both orientations — the app rotates freely (default) |
| Portrait Only | Locks the app in vertical mode regardless of device rotation |
| Landscape Left Only | Locks the app in horizontal mode facing left |
| Landscape Right Only | Locks the app in horizontal mode facing right |
Choose Portrait Only if your website is designed for vertical layout. Choose Landscape & Portrait if your website supports both — for example, a video platform or a game.
Fullscreen Mode
When enabled, the app hides the status bar and system navigation buttons, giving your content the entire screen.
- Enabled: The status bar and navigation bar are hidden. The app takes up the full display.
- Disabled (default): The status bar and navigation bar remain visible.