Changing the Background and Foreground Colors of Application Bar on WP7

See Also

• Application Bar for Windows Phone (MSDN)

Article Metadata

---

Tested with

SDK: Windows Phone 7.1 SDK

Devices(s): Nokia Lumia 800

---

Compatibility

Platform(s): Windows Phone 7.5 (Mango)

---

Article

Created: sreerajvr (05 Apr 2012)

Last edited: hamishwillee (30 Nov 2012)

Introduction

This article shows how to change the foreground and background colour of the Windows Phone Application Bar, in XAML.

XAML

<phone:PhoneApplicationPage.ApplicationBar>
       <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True" Opacity="0.75" ForegroundColor="Green" BackgroundColor="Cyan" >
                <shell:ApplicationBarIconButton IconUri="/Images/appbar_button1.png" Text="Button 1"/>
        <shell:ApplicationBarIconButton IconUri="/Images/appbar_button2.png" Text="Button 2"/>
        <shell:ApplicationBar.MenuItems>
                <shell:ApplicationBarMenuItem Text="MenuItem 1"/>
                <shell:ApplicationBarMenuItem Text="MenuItem 2"/>
         </shell:ApplicationBar.MenuItems>
        </shell:ApplicationBar>
</phone:PhoneApplicationPage.ApplicationBar>

Summary

You can provide your colours with changing the attributes Opacity, Foreground and Background in the XAML.