# Uno Toolkit Statusbar Extensions

> Attached properties (`StatusBar.Foreground`, `StatusBar.Background`) for customising the system status bar from XAML on mobile platforms.

- Skill: `unoplatform/uno-toolkit-statusbar-extensions` (Agent Skill)
- Install (CLI): `npx skillmds@latest add unoplatform/uno-toolkit-statusbar-extensions`
- Raw SKILL.md: https://api.skillmd.com/api/skills/unoplatform/uno-toolkit-statusbar-extensions/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: unoplatform (https://skillmd.com/u/unoplatform)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/unoplatform/uno-toolkit-statusbar-extensions

---


# Uno Toolkit StatusBar Extensions — Agent Skill

## Workflow

> **Docs lookup:** call `uno_platform_docs_search(...)` first, then `uno_platform_docs_fetch(sourcePath="…")` using the `sourcePath` field from a result (a relative `.md` path; add the result's `anchor` for a section). Never pass a URL, a `.html` link, or a hand-built path.

### Step 1: Fetch the StatusBar Extensions Documentation

```
uno_platform_docs_search("Uno Toolkit StatusBar extensions foreground background color iOS Android")
```

Primary documentation page:
- **StatusBar Extensions**: `external/uno.toolkit.ui/doc/helpers/StatusBar-extensions.md`

Fetch the page:

```
uno_platform_docs_fetch(sourcePath="external/uno.toolkit.ui/doc/helpers/StatusBar-extensions.md")
```

## Critical Rules

- **`StatusBar.Foreground` is a `StatusBarForegroundTheme` enum value, NOT a Brush.** Use attribute syntax with a bare enum name: `utu:StatusBar.Foreground="Light"` (or `Dark`, `Auto`, `AutoInverse`). Element syntax or a Brush value (e.g. `<utu:StatusBar.Foreground><SolidColorBrush Color="White"/></utu:StatusBar.Foreground>`) is **invalid**.
- `StatusBar.Background` *is* a color/brush — accepts an attribute color name or a `{StaticResource}` brush.
- The class is **`StatusBar`**, not `StatusBarExtensions`, despite the file/skill name.

## Key Principles (Stable)

- `utu:StatusBar.Foreground` — StatusBarForegroundTheme enum value
- `utu:StatusBar.Background` — color or brush
- StatusBarForegroundTheme values: `Light` (white icons), `Dark` (black icons), `Auto` (matches theme, updates on change), `AutoInverse` (opposite of theme, updates on change)
- Applied as attached properties on the Page element
- Works on iOS and Android only
- XAML namespace: `xmlns:utu="using:Uno.Toolkit.UI"`

## Related Skills

- [[uno-toolkit-safearea]] — Safe area insets for status bar