Using a custom accent color in UWP and Windows Phone

Universal Windows Platform

Colors can be used to define app personality, especially when you are developing an app for a specific brand. Windows enables users to choose accent color which is reflected throughout system experience. Changing the accent colour in apps targeting previous versions of Windows required to copy and modify all theme resources from generic.xaml (check Windows and Windows Phone 8 section below).

Fortunately, with UWP apps all you need is to override the accent color resource in App.xaml as following:

<Application.Resources>
        <ResourceDictionary>
            <Color x:Key="SystemAccentColor">#1abc9c</Color>
        </ResourceDictionary>
</Application.Resources>

Windows & Windows Phone 8

If you are developing a Windows Phone application, changing the accent color requires to copy the whole ResourceDictionary into the App.xaml.

Hope it helps.

Leave a Comment

Comments

No comments yet. Why don’t you start the discussion?

Leave a Reply

Your email address will not be published. Required fields are marked *