Now that we are subscribed to mode changes, we can reflect theme changes in the shared code of Xamarin.Forms application by updating to the desired theme ResourceDictionary. public override void TraitCollectionDidChange(UITraitCollection previousTraitCollection)īase.TraitCollectionDidChange(previousTraitCollection) We can get to this callback via our platform using a custom PageRenderer.

We can subscribe to mode changes in our current ViewController by overriding the TraitCollectionDidChange method. This makes is simple to set colors and icons in iOS and based on mode change, the resources are automatically loaded by the OS. in light mode, dark mode and any mode (the default option). To support normal (light) and dark mode, Xcode 11+ provides options under Assets.xcassets to set resources such as Colors, Images, Icons, etc. Now that we have the two themes ready, let’s get to the platforms. This should be enough for getting started. To keep track of current theme, we add a property in our App class, public Theme AppTheme Or in the code behind, = new LightTheme() In App.xaml, we will set a default theme, it may look something like this, Create a ResourceDictionary for Light theme, ☀️

Dark and light settings