Should I use StaticResource or DynamicResource for theme values?

Use DynamicResource for theme-related values so the UI can update instantly at runtime when ResourceDictionaries are swapped or when the system theme changes.

How do I handle light and dark mode automatically in .NET MAUI?

Use the AppThemeBinding markup extension in XAML to define different colors or resources for Light and Dark modes; the OS will toggle these values automatically based on system settings.

Why aren't theme change events firing on Android?

Ensure your MainActivity includes ConfigChanges.UiMode in its [Activity] attribute. Without this, the activity may restart on theme change instead of firing the RequestedThemeChanged event.

Can I force a specific theme regardless of system settings?

Yes, you can set Application.Current.UserAppTheme to AppTheme.Dark or AppTheme.Light to override the system default and force a specific appearance.

.NET MAUI Theming

Name: .NET MAUI Theming
Author: davidortinau

bydavidortinau

•

Mobile Development

Implements comprehensive light and dark mode support and dynamic theme switching for .NET MAUI applications.

This skill provides expert guidance on implementing OS-responsive themes and custom runtime theme switching within the .NET MAUI framework. It covers essential patterns including the AppThemeBinding markup extension for automatic light/dark mode adjustments, ResourceDictionary management for custom branding, and C# extensions for programmatic theme control. Additionally, it addresses platform-specific configurations like Android's UiMode and system theme detection, helping developers create polished, professional cross-platform user interfaces that respect user preferences.

主な機能

01C# extension methods for programmatic color and theme management

02System theme detection and manual UserAppTheme overrides

03Platform-specific configuration fixes for Android and iOS

04Automatic OS theme response using AppThemeBinding

05Dynamic ResourceDictionary swapping for custom runtime themes

0698 GitHub stars

ユースケース

01Implementing a system-aware dark mode toggle in a mobile application

02Synchronizing cross-platform app colors with device-wide theme settings

03Creating a multi-theme brand experience that updates UI at runtime without restarts

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add davidortinau/maui-skills maui-theming

For use in Claude.ai and ChatGPT

Download Skill