maui-theming
Guide for theming .NET MAUI apps — light/dark mode via AppThemeBinding, ResourceDictionary theme switching, DynamicResource bindings, system theme detection, and user theme preferences. Use when: "dark mode", "light mode", "theming", "AppThemeBinding", "theme switching", "ResourceDictionary theme", "dynamic resources", "system theme detection", "color scheme", "app theme", "DynamicResource". Do not use for: localization or language switching (see .NET MAUI localization documentation), accessibility visual adjustments (see .NET MAUI accessibility documentation), app icons or splash screens (see
npx skills add dotnet/skills --skill maui-theming --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# .NET MAUI Theming Apply light/dark mode support, custom branded themes, and runtime theme switching in .NET MAUI apps using AppThemeBinding, ResourceDictionary swapping, and system theme detection APIs. ## When to Use - Adding light and dark mode support to a .NET MAUI app - Creating custom branded themes with ResourceDictionary - Detecting and responding to system theme changes at runtime - Letting users choose a preferred theme (light, dark, or system default) - Combining OS-driven theme response with custom color palettes ## When Not to Use - Localization or language switching — see [.NET MAUI localization docs](https://learn.microsoft.com/dotnet/maui/fundamentals/localization) - Accessibility-specific visual adjustments — see [.NET MAUI accessibility docs](https://learn.microsoft.com/dotnet/maui/fundamentals/accessibility) - App icon or splash screen configuration — see [.NET MAUI app icon docs](https://learn.microsoft.com/dotnet/maui/user-interface/images/app-icons) - Bootstrap-style class theming — see the `Plugin.Maui.BootstrapTheme` NuGet package ## Inputs - A .NET MAUI project targeting .NET 8 or later - XAML pages or C# UI code that need theme-aware styling ## Workflow
- When to Use
- When Not to Use
- Inputs
- Workflow
- Rules That Change the Answer
- Choosing an Approach
- AppThemeBinding (OS Light/Dark)
- Define the palette once — don't scatter literals
- XAML (inline form, for one-offs)
- C# Extension Methods
- ResourceDictionary Theming (Custom Themes)
- Step 1 — Define Theme Dictionaries
- Step 2 — Consume with DynamicResource
- Step 3 — Switch Themes at Runtime
What does the maui-theming skill do?
Guide for theming .NET MAUI apps — light/dark mode via AppThemeBinding, ResourceDictionary theme switching, DynamicResource bindings, system theme detection, and user theme preferences. Use when: "dark mode", "light mode", "theming", "AppThemeBinding", "theme switching", "ResourceDictionary theme", "dynamic resources", "system theme detection", "color scheme", "app theme", "DynamicResource". Do not use for: localization or language switching (see .NET MAUI localization documentation), accessibility visual adjustments (see .NET MAUI accessibility documentation), app icons or splash screens (see
How do I install it?
Run `npx skills add dotnet/skills --skill maui-theming --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From dotnet/skills, a repository with 4,927 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.