Skip to main content

uno-toolkit-statusbar-extensions

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

Jump to install

Source facts

Repository
unoplatform/studio
Last source activity
June 9, 2026 at 19:39
Detected SKILL.md language
English
Stars
10
Forks
1

Install options

The review-first prompt is selected by default. You can switch to a direct command or download a local copy.

Review the source files

Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.

Showing SKILL.md

SKILL.md
Source instructions · Read-only preview
name
uno-toolkit-statusbar-extensions
description
Attached properties (`StatusBar.Foreground`, `StatusBar.Background`) for customising the system status bar from XAML on mobile platforms.
when_to_use
Use when customising the system status bar on iOS or Android — light vs dark icons, background tint, or visibility — per page from XAML.
metadata
{"author":"uno-platform","version":"2.5","category":"toolkit"}
# 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
View on GitHub