StatusBar Colors SDK

Customize your app's status bar colors to match your design in light and dark mode.

Written By despia

Last updated About 1 year ago

SDK Usage

// Set background color (RGB values)
window.despia = `statusbarcolor://255, 255, 255`

// Set text color (black or white)
window.despia = `statusbartextcolor://black`

Examples

Light Mode

// White background, black text
window.despia = `statusbarcolor://255, 255, 255`
window.despia = `statusbartextcolor://black`

Dark Mode

// Dark background, white text
window.despia = `statusbarcolor://33, 33, 33`
window.despia = `statusbartextcolor://white`

Dynamic Colors

// Use variables to change colors
const background_rgb = "255, 255, 255"
const text_string = "black"

window.despia = `statusbarcolor://${background_rgb}`
window.despia = `statusbartextcolor://${text_string}`

Tips

  • Use RGB values for background color (e.g., "255, 255, 255")

  • Text color accepts "black" or "white"

  • Update colors when switching between light/dark modes

  • Test colors with both light and dark content

Need help? Email us at support@despia.com