# OutlookBar ClearStyle Properties

## Content



**OutlookBar for WPF and Silverlight** supports ComponentOne's ClearStyle technology, which allows you to easily change control colors without having to change control templates. By setting a few color properties, you can quickly style the [C1OutlookBar](/componentone/api/wpf/online-outlookbar/dotnet-framework-api/C1.WPF.OutlookBar.4.6.2/C1.WPF.OutlookBar.C1OutlookBar.html) elements. The supported properties for [C1OutlookBar](/componentone/api/wpf/online-outlookbar/dotnet-framework-api/C1.WPF.OutlookBar.4.6.2/C1.WPF.OutlookBar.C1OutlookBar.html) are listed in the following table:

|   **Property**   |   **Description**   |
| --- | --- |
|   Background   |   Gets or sets the background used to fill the **C1OutlookBar**.   |
|   Foreground   |   Gets or sets the foreground used to fill the **C1OutlookBar**.   |
|   MouseOverBrush   |   Gets or sets the brush used to highlight an item when the mouse is hovering over it.   |
|   SelectedBackground   |   Gets or sets the brush used to fill the selected [C1OutlookItem](/componentone/api/wpf/online-outlookbar/dotnet-framework-api/C1.WPF.OutlookBar.4.6.2/C1.WPF.OutlookBar.C1OutlookItem.html) in the **C1OutlookBar**.   |

You can completely change the appearance of the **C1OutlookBar** by setting these properties. For example, if you set the [ItemBackground](/componentone/api/wpf/online-outlookbar/dotnet-framework-api/C1.WPF.OutlookBar.4.6.2/C1.WPF.OutlookBar.C1OutlookBar.ItemBackground.html) property to **Beige**, [ItemForeground](/componentone/api/wpf/online-outlookbar/dotnet-framework-api/C1.WPF.OutlookBar.4.6.2/C1.WPF.OutlookBar.C1OutlookBar.ItemForeground.html) to **Green**, [MouseOverBrush](/componentone/api/wpf/online-outlookbar/dotnet-framework-api/C1.WPF.OutlookBar.4.6.2/C1.WPF.OutlookBar.C1OutlookBar.MouseOverBrush.html) to **Orange**, and [SelectedBackground](/componentone/api/wpf/online-outlookbar/dotnet-framework-api/C1.WPF.OutlookBar.4.6.2/C1.WPF.OutlookBar.C1OutlookBar.SelectedBackground.html) to **Red** so the XAML markup appears similar to the following:

```auto
<c1:C1OutlookBar Background="Beige" Foreground="Green" MouseOverBrush="Orange" SelectedBackground="Red" x:Name="C1OutlookBar1">
```

The [C1OutlookBar](/componentone/api/wpf/online-outlookbar/dotnet-framework-api/C1.WPF.OutlookBar.4.6.2/C1.WPF.OutlookBar.C1OutlookBar.html) will look similar to this:

![](https://cdn.mescius.io/document-site-files/images/db635c5e-6066-484d-b52e-211cb3bb2abd/imagesext/image12_12.png)