Skip to main content

statusBarBackgroundColor

// Property: statusBarBackgroundColor
// Description: Sets the global status bar background color for the application. Android does not support setting instances of Titanium.UI.Color
// Component(s): Ti.UI.iOS
'.status-bar-bg-transparent': { statusBarBackgroundColor: 'transparent' }
'.status-bar-bg-black': { statusBarBackgroundColor: '#000000' }
'.status-bar-bg-white': { statusBarBackgroundColor: '#ffffff' }
'.status-bar-bg-slate-50': { statusBarBackgroundColor: '#f8fafc' }
'.status-bar-bg-slate-100': { statusBarBackgroundColor: '#f1f5f9' }
'.status-bar-bg-slate-200': { statusBarBackgroundColor: '#e2e8f0' }
'.status-bar-bg-slate-300': { statusBarBackgroundColor: '#cbd5e1' }
'.status-bar-bg-slate-400': { statusBarBackgroundColor: '#94a3b8' }
'.status-bar-bg-slate-500': { statusBarBackgroundColor: '#64748b' }
'.status-bar-bg-slate-600': { statusBarBackgroundColor: '#475569' }
'.status-bar-bg-slate-700': { statusBarBackgroundColor: '#334155' }
'.status-bar-bg-slate-800': { statusBarBackgroundColor: '#1e293b' }
'.status-bar-bg-slate-900': { statusBarBackgroundColor: '#0f172a' }
'.status-bar-bg-slate-950': { statusBarBackgroundColor: '#020617' }
'.status-bar-bg-gray-50': { statusBarBackgroundColor: '#f9fafb' }
'.status-bar-bg-gray-100': { statusBarBackgroundColor: '#f3f4f6' }
'.status-bar-bg-gray-200': { statusBarBackgroundColor: '#e5e7eb' }
'.status-bar-bg-gray-300': { statusBarBackgroundColor: '#d1d5db' }
'.status-bar-bg-gray-400': { statusBarBackgroundColor: '#9ca3af' }
'.status-bar-bg-gray-500': { statusBarBackgroundColor: '#6b7280' }
'.status-bar-bg-gray-600': { statusBarBackgroundColor: '#4b5563' }
'.status-bar-bg-gray-700': { statusBarBackgroundColor: '#374151' }
'.status-bar-bg-gray-800': { statusBarBackgroundColor: '#1f2937' }
'.status-bar-bg-gray-900': { statusBarBackgroundColor: '#111827' }
'.status-bar-bg-gray-950': { statusBarBackgroundColor: '#030712' }
'.status-bar-bg-zinc-50': { statusBarBackgroundColor: '#fafafa' }
'.status-bar-bg-zinc-100': { statusBarBackgroundColor: '#f4f4f5' }
'.status-bar-bg-zinc-200': { statusBarBackgroundColor: '#e4e4e7' }
'.status-bar-bg-zinc-300': { statusBarBackgroundColor: '#d4d4d8' }
'.status-bar-bg-zinc-400': { statusBarBackgroundColor: '#a1a1aa' }
'.status-bar-bg-zinc-500': { statusBarBackgroundColor: '#71717a' }
'.status-bar-bg-zinc-600': { statusBarBackgroundColor: '#52525b' }
'.status-bar-bg-zinc-700': { statusBarBackgroundColor: '#3f3f46' }
'.status-bar-bg-zinc-800': { statusBarBackgroundColor: '#27272a' }
'.status-bar-bg-zinc-900': { statusBarBackgroundColor: '#18181b' }
'.status-bar-bg-zinc-950': { statusBarBackgroundColor: '#09090b' }
'.status-bar-bg-neutral-50': { statusBarBackgroundColor: '#fafafa' }
'.status-bar-bg-neutral-100': { statusBarBackgroundColor: '#f5f5f5' }
'.status-bar-bg-neutral-200': { statusBarBackgroundColor: '#e5e5e5' }
'.status-bar-bg-neutral-300': { statusBarBackgroundColor: '#d4d4d4' }
'.status-bar-bg-neutral-400': { statusBarBackgroundColor: '#a3a3a3' }
'.status-bar-bg-neutral-500': { statusBarBackgroundColor: '#737373' }
'.status-bar-bg-neutral-600': { statusBarBackgroundColor: '#525252' }
'.status-bar-bg-neutral-700': { statusBarBackgroundColor: '#404040' }
'.status-bar-bg-neutral-800': { statusBarBackgroundColor: '#262626' }
'.status-bar-bg-neutral-900': { statusBarBackgroundColor: '#171717' }
'.status-bar-bg-neutral-950': { statusBarBackgroundColor: '#0a0a0a' }
'.status-bar-bg-stone-50': { statusBarBackgroundColor: '#fafaf9' }
'.status-bar-bg-stone-100': { statusBarBackgroundColor: '#f5f5f4' }
'.status-bar-bg-stone-200': { statusBarBackgroundColor: '#e7e5e4' }
'.status-bar-bg-stone-300': { statusBarBackgroundColor: '#d6d3d1' }
'.status-bar-bg-stone-400': { statusBarBackgroundColor: '#a8a29e' }
'.status-bar-bg-stone-500': { statusBarBackgroundColor: '#78716c' }
'.status-bar-bg-stone-600': { statusBarBackgroundColor: '#57534e' }
'.status-bar-bg-stone-700': { statusBarBackgroundColor: '#44403c' }
'.status-bar-bg-stone-800': { statusBarBackgroundColor: '#292524' }
'.status-bar-bg-stone-900': { statusBarBackgroundColor: '#1c1917' }
'.status-bar-bg-stone-950': { statusBarBackgroundColor: '#0c0a09' }
'.status-bar-bg-red-50': { statusBarBackgroundColor: '#fef2f2' }
'.status-bar-bg-red-100': { statusBarBackgroundColor: '#fee2e2' }
'.status-bar-bg-red-200': { statusBarBackgroundColor: '#fecaca' }
'.status-bar-bg-red-300': { statusBarBackgroundColor: '#fca5a5' }
'.status-bar-bg-red-400': { statusBarBackgroundColor: '#f87171' }
'.status-bar-bg-red-500': { statusBarBackgroundColor: '#ef4444' }
'.status-bar-bg-red-600': { statusBarBackgroundColor: '#dc2626' }
'.status-bar-bg-red-700': { statusBarBackgroundColor: '#b91c1c' }
'.status-bar-bg-red-800': { statusBarBackgroundColor: '#991b1b' }
'.status-bar-bg-red-900': { statusBarBackgroundColor: '#7f1d1d' }
'.status-bar-bg-red-950': { statusBarBackgroundColor: '#450a0a' }
'.status-bar-bg-orange-50': { statusBarBackgroundColor: '#fff7ed' }
'.status-bar-bg-orange-100': { statusBarBackgroundColor: '#ffedd5' }
'.status-bar-bg-orange-200': { statusBarBackgroundColor: '#fed7aa' }
'.status-bar-bg-orange-300': { statusBarBackgroundColor: '#fdba74' }
'.status-bar-bg-orange-400': { statusBarBackgroundColor: '#fb923c' }
'.status-bar-bg-orange-500': { statusBarBackgroundColor: '#f97316' }
'.status-bar-bg-orange-600': { statusBarBackgroundColor: '#ea580c' }
'.status-bar-bg-orange-700': { statusBarBackgroundColor: '#c2410c' }
'.status-bar-bg-orange-800': { statusBarBackgroundColor: '#9a3412' }
'.status-bar-bg-orange-900': { statusBarBackgroundColor: '#7c2d12' }
'.status-bar-bg-orange-950': { statusBarBackgroundColor: '#431407' }
'.status-bar-bg-amber-50': { statusBarBackgroundColor: '#fffbeb' }
'.status-bar-bg-amber-100': { statusBarBackgroundColor: '#fef3c7' }
'.status-bar-bg-amber-200': { statusBarBackgroundColor: '#fde68a' }
'.status-bar-bg-amber-300': { statusBarBackgroundColor: '#fcd34d' }
'.status-bar-bg-amber-400': { statusBarBackgroundColor: '#fbbf24' }
'.status-bar-bg-amber-500': { statusBarBackgroundColor: '#f59e0b' }
'.status-bar-bg-amber-600': { statusBarBackgroundColor: '#d97706' }
'.status-bar-bg-amber-700': { statusBarBackgroundColor: '#b45309' }
'.status-bar-bg-amber-800': { statusBarBackgroundColor: '#92400e' }
'.status-bar-bg-amber-900': { statusBarBackgroundColor: '#78350f' }
'.status-bar-bg-amber-950': { statusBarBackgroundColor: '#451a03' }
'.status-bar-bg-yellow-50': { statusBarBackgroundColor: '#fefce8' }
'.status-bar-bg-yellow-100': { statusBarBackgroundColor: '#fef9c3' }
'.status-bar-bg-yellow-200': { statusBarBackgroundColor: '#fef08a' }
'.status-bar-bg-yellow-300': { statusBarBackgroundColor: '#fde047' }
'.status-bar-bg-yellow-400': { statusBarBackgroundColor: '#facc15' }
'.status-bar-bg-yellow-500': { statusBarBackgroundColor: '#eab308' }
'.status-bar-bg-yellow-600': { statusBarBackgroundColor: '#ca8a04' }
'.status-bar-bg-yellow-700': { statusBarBackgroundColor: '#a16207' }
'.status-bar-bg-yellow-800': { statusBarBackgroundColor: '#854d0e' }
'.status-bar-bg-yellow-900': { statusBarBackgroundColor: '#713f12' }
'.status-bar-bg-yellow-950': { statusBarBackgroundColor: '#422006' }
'.status-bar-bg-lime-50': { statusBarBackgroundColor: '#f7fee7' }
'.status-bar-bg-lime-100': { statusBarBackgroundColor: '#ecfccb' }
'.status-bar-bg-lime-200': { statusBarBackgroundColor: '#d9f99d' }
'.status-bar-bg-lime-300': { statusBarBackgroundColor: '#bef264' }
'.status-bar-bg-lime-400': { statusBarBackgroundColor: '#a3e635' }
'.status-bar-bg-lime-500': { statusBarBackgroundColor: '#84cc16' }
'.status-bar-bg-lime-600': { statusBarBackgroundColor: '#65a30d' }
'.status-bar-bg-lime-700': { statusBarBackgroundColor: '#4d7c0f' }
'.status-bar-bg-lime-800': { statusBarBackgroundColor: '#3f6212' }
'.status-bar-bg-lime-900': { statusBarBackgroundColor: '#365314' }
'.status-bar-bg-lime-950': { statusBarBackgroundColor: '#1a2e05' }
'.status-bar-bg-green-50': { statusBarBackgroundColor: '#f0fdf4' }
'.status-bar-bg-green-100': { statusBarBackgroundColor: '#dcfce7' }
'.status-bar-bg-green-200': { statusBarBackgroundColor: '#bbf7d0' }
'.status-bar-bg-green-300': { statusBarBackgroundColor: '#86efac' }
'.status-bar-bg-green-400': { statusBarBackgroundColor: '#4ade80' }
'.status-bar-bg-green-500': { statusBarBackgroundColor: '#22c55e' }
'.status-bar-bg-green-600': { statusBarBackgroundColor: '#16a34a' }
'.status-bar-bg-green-700': { statusBarBackgroundColor: '#15803d' }
'.status-bar-bg-green-800': { statusBarBackgroundColor: '#166534' }
'.status-bar-bg-green-900': { statusBarBackgroundColor: '#14532d' }
'.status-bar-bg-green-950': { statusBarBackgroundColor: '#052e16' }
'.status-bar-bg-emerald-50': { statusBarBackgroundColor: '#ecfdf5' }
'.status-bar-bg-emerald-100': { statusBarBackgroundColor: '#d1fae5' }
'.status-bar-bg-emerald-200': { statusBarBackgroundColor: '#a7f3d0' }
'.status-bar-bg-emerald-300': { statusBarBackgroundColor: '#6ee7b7' }
'.status-bar-bg-emerald-400': { statusBarBackgroundColor: '#34d399' }
'.status-bar-bg-emerald-500': { statusBarBackgroundColor: '#10b981' }
'.status-bar-bg-emerald-600': { statusBarBackgroundColor: '#059669' }
'.status-bar-bg-emerald-700': { statusBarBackgroundColor: '#047857' }
'.status-bar-bg-emerald-800': { statusBarBackgroundColor: '#065f46' }
'.status-bar-bg-emerald-900': { statusBarBackgroundColor: '#064e3b' }
'.status-bar-bg-emerald-950': { statusBarBackgroundColor: '#022c22' }
'.status-bar-bg-teal-50': { statusBarBackgroundColor: '#f0fdfa' }
'.status-bar-bg-teal-100': { statusBarBackgroundColor: '#ccfbf1' }
'.status-bar-bg-teal-200': { statusBarBackgroundColor: '#99f6e4' }
'.status-bar-bg-teal-300': { statusBarBackgroundColor: '#5eead4' }
'.status-bar-bg-teal-400': { statusBarBackgroundColor: '#2dd4bf' }
'.status-bar-bg-teal-500': { statusBarBackgroundColor: '#14b8a6' }
'.status-bar-bg-teal-600': { statusBarBackgroundColor: '#0d9488' }
'.status-bar-bg-teal-700': { statusBarBackgroundColor: '#0f766e' }
'.status-bar-bg-teal-800': { statusBarBackgroundColor: '#115e59' }
'.status-bar-bg-teal-900': { statusBarBackgroundColor: '#134e4a' }
'.status-bar-bg-teal-950': { statusBarBackgroundColor: '#042f2e' }
'.status-bar-bg-cyan-50': { statusBarBackgroundColor: '#ecfeff' }
'.status-bar-bg-cyan-100': { statusBarBackgroundColor: '#cffafe' }
'.status-bar-bg-cyan-200': { statusBarBackgroundColor: '#a5f3fc' }
'.status-bar-bg-cyan-300': { statusBarBackgroundColor: '#67e8f9' }
'.status-bar-bg-cyan-400': { statusBarBackgroundColor: '#22d3ee' }
'.status-bar-bg-cyan-500': { statusBarBackgroundColor: '#06b6d4' }
'.status-bar-bg-cyan-600': { statusBarBackgroundColor: '#0891b2' }
'.status-bar-bg-cyan-700': { statusBarBackgroundColor: '#0e7490' }
'.status-bar-bg-cyan-800': { statusBarBackgroundColor: '#155e75' }
'.status-bar-bg-cyan-900': { statusBarBackgroundColor: '#164e63' }
'.status-bar-bg-cyan-950': { statusBarBackgroundColor: '#083344' }
'.status-bar-bg-sky-50': { statusBarBackgroundColor: '#f0f9ff' }
'.status-bar-bg-sky-100': { statusBarBackgroundColor: '#e0f2fe' }
'.status-bar-bg-sky-200': { statusBarBackgroundColor: '#bae6fd' }
'.status-bar-bg-sky-300': { statusBarBackgroundColor: '#7dd3fc' }
'.status-bar-bg-sky-400': { statusBarBackgroundColor: '#38bdf8' }
'.status-bar-bg-sky-500': { statusBarBackgroundColor: '#0ea5e9' }
'.status-bar-bg-sky-600': { statusBarBackgroundColor: '#0284c7' }
'.status-bar-bg-sky-700': { statusBarBackgroundColor: '#0369a1' }
'.status-bar-bg-sky-800': { statusBarBackgroundColor: '#075985' }
'.status-bar-bg-sky-900': { statusBarBackgroundColor: '#0c4a6e' }
'.status-bar-bg-sky-950': { statusBarBackgroundColor: '#082f49' }
'.status-bar-bg-blue-50': { statusBarBackgroundColor: '#eff6ff' }
'.status-bar-bg-blue-100': { statusBarBackgroundColor: '#dbeafe' }
'.status-bar-bg-blue-200': { statusBarBackgroundColor: '#bfdbfe' }
'.status-bar-bg-blue-300': { statusBarBackgroundColor: '#93c5fd' }
'.status-bar-bg-blue-400': { statusBarBackgroundColor: '#60a5fa' }
'.status-bar-bg-blue-500': { statusBarBackgroundColor: '#3b82f6' }
'.status-bar-bg-blue-600': { statusBarBackgroundColor: '#2563eb' }
'.status-bar-bg-blue-700': { statusBarBackgroundColor: '#1d4ed8' }
'.status-bar-bg-blue-800': { statusBarBackgroundColor: '#1e40af' }
'.status-bar-bg-blue-900': { statusBarBackgroundColor: '#1e3a8a' }
'.status-bar-bg-blue-950': { statusBarBackgroundColor: '#172554' }
'.status-bar-bg-indigo-50': { statusBarBackgroundColor: '#eef2ff' }
'.status-bar-bg-indigo-100': { statusBarBackgroundColor: '#e0e7ff' }
'.status-bar-bg-indigo-200': { statusBarBackgroundColor: '#c7d2fe' }
'.status-bar-bg-indigo-300': { statusBarBackgroundColor: '#a5b4fc' }
'.status-bar-bg-indigo-400': { statusBarBackgroundColor: '#818cf8' }
'.status-bar-bg-indigo-500': { statusBarBackgroundColor: '#6366f1' }
'.status-bar-bg-indigo-600': { statusBarBackgroundColor: '#4f46e5' }
'.status-bar-bg-indigo-700': { statusBarBackgroundColor: '#4338ca' }
'.status-bar-bg-indigo-800': { statusBarBackgroundColor: '#3730a3' }
'.status-bar-bg-indigo-900': { statusBarBackgroundColor: '#312e81' }
'.status-bar-bg-indigo-950': { statusBarBackgroundColor: '#1e1b4b' }
'.status-bar-bg-violet-50': { statusBarBackgroundColor: '#f5f3ff' }
'.status-bar-bg-violet-100': { statusBarBackgroundColor: '#ede9fe' }
'.status-bar-bg-violet-200': { statusBarBackgroundColor: '#ddd6fe' }
'.status-bar-bg-violet-300': { statusBarBackgroundColor: '#c4b5fd' }
'.status-bar-bg-violet-400': { statusBarBackgroundColor: '#a78bfa' }
'.status-bar-bg-violet-500': { statusBarBackgroundColor: '#8b5cf6' }
'.status-bar-bg-violet-600': { statusBarBackgroundColor: '#7c3aed' }
'.status-bar-bg-violet-700': { statusBarBackgroundColor: '#6d28d9' }
'.status-bar-bg-violet-800': { statusBarBackgroundColor: '#5b21b6' }
'.status-bar-bg-violet-900': { statusBarBackgroundColor: '#4c1d95' }
'.status-bar-bg-violet-950': { statusBarBackgroundColor: '#2e1065' }
'.status-bar-bg-purple-50': { statusBarBackgroundColor: '#faf5ff' }
'.status-bar-bg-purple-100': { statusBarBackgroundColor: '#f3e8ff' }
'.status-bar-bg-purple-200': { statusBarBackgroundColor: '#e9d5ff' }
'.status-bar-bg-purple-300': { statusBarBackgroundColor: '#d8b4fe' }
'.status-bar-bg-purple-400': { statusBarBackgroundColor: '#c084fc' }
'.status-bar-bg-purple-500': { statusBarBackgroundColor: '#a855f7' }
'.status-bar-bg-purple-600': { statusBarBackgroundColor: '#9333ea' }
'.status-bar-bg-purple-700': { statusBarBackgroundColor: '#7e22ce' }
'.status-bar-bg-purple-800': { statusBarBackgroundColor: '#6b21a8' }
'.status-bar-bg-purple-900': { statusBarBackgroundColor: '#581c87' }
'.status-bar-bg-purple-950': { statusBarBackgroundColor: '#3b0764' }
'.status-bar-bg-fuchsia-50': { statusBarBackgroundColor: '#fdf4ff' }
'.status-bar-bg-fuchsia-100': { statusBarBackgroundColor: '#fae8ff' }
'.status-bar-bg-fuchsia-200': { statusBarBackgroundColor: '#f5d0fe' }
'.status-bar-bg-fuchsia-300': { statusBarBackgroundColor: '#f0abfc' }
'.status-bar-bg-fuchsia-400': { statusBarBackgroundColor: '#e879f9' }
'.status-bar-bg-fuchsia-500': { statusBarBackgroundColor: '#d946ef' }
'.status-bar-bg-fuchsia-600': { statusBarBackgroundColor: '#c026d3' }
'.status-bar-bg-fuchsia-700': { statusBarBackgroundColor: '#a21caf' }
'.status-bar-bg-fuchsia-800': { statusBarBackgroundColor: '#86198f' }
'.status-bar-bg-fuchsia-900': { statusBarBackgroundColor: '#701a75' }
'.status-bar-bg-fuchsia-950': { statusBarBackgroundColor: '#4a044e' }
'.status-bar-bg-pink-50': { statusBarBackgroundColor: '#fdf2f8' }
'.status-bar-bg-pink-100': { statusBarBackgroundColor: '#fce7f3' }
'.status-bar-bg-pink-200': { statusBarBackgroundColor: '#fbcfe8' }
'.status-bar-bg-pink-300': { statusBarBackgroundColor: '#f9a8d4' }
'.status-bar-bg-pink-400': { statusBarBackgroundColor: '#f472b6' }
'.status-bar-bg-pink-500': { statusBarBackgroundColor: '#ec4899' }
'.status-bar-bg-pink-600': { statusBarBackgroundColor: '#db2777' }
'.status-bar-bg-pink-700': { statusBarBackgroundColor: '#be185d' }
'.status-bar-bg-pink-800': { statusBarBackgroundColor: '#9d174d' }
'.status-bar-bg-pink-900': { statusBarBackgroundColor: '#831843' }
'.status-bar-bg-pink-950': { statusBarBackgroundColor: '#500724' }
'.status-bar-bg-rose-50': { statusBarBackgroundColor: '#fff1f2' }
'.status-bar-bg-rose-100': { statusBarBackgroundColor: '#ffe4e6' }
'.status-bar-bg-rose-200': { statusBarBackgroundColor: '#fecdd3' }
'.status-bar-bg-rose-300': { statusBarBackgroundColor: '#fda4af' }
'.status-bar-bg-rose-400': { statusBarBackgroundColor: '#fb7185' }
'.status-bar-bg-rose-500': { statusBarBackgroundColor: '#f43f5e' }
'.status-bar-bg-rose-600': { statusBarBackgroundColor: '#e11d48' }
'.status-bar-bg-rose-700': { statusBarBackgroundColor: '#be123c' }
'.status-bar-bg-rose-800': { statusBarBackgroundColor: '#9f1239' }
'.status-bar-bg-rose-900': { statusBarBackgroundColor: '#881337' }
'.status-bar-bg-rose-950': { statusBarBackgroundColor: '#4c0519' }