# WPF Accordion Themes

## Content



**Accordion for WPF** incorporates several themes that allow you to customize the appearance of your grid. When you first add a C1Accordion control to the page, it appears similar to the following image:

This is the control's default appearance. You can change this appearance by using one of the built-in themes or by creating your own custom theme. All of the built-in themes are based on WPF Toolkit themes. The built-in themes are described and pictured below; note that in the images below, a row has been selected to show selected styles:

|   Theme Name   |   Theme Preview   |
| --- | --- |
|   C1Blue   |   ![](https://cdn.mescius.io/document-site-files/images/babf1807-69aa-4d8a-96b6-d6c6d9325368/wpfdocuments/graphics/accordion/themes/c1blue.png)   |
|   C1ThemeBureauBlack   |   ![](https://cdn.mescius.io/document-site-files/images/babf1807-69aa-4d8a-96b6-d6c6d9325368/wpfdocuments/graphics/accordion/themes/bureaublack.png)   |
|   C1ThemeExpressionDark   |   ![](https://cdn.mescius.io/document-site-files/images/babf1807-69aa-4d8a-96b6-d6c6d9325368/wpfdocuments/graphics/accordion/themes/expressiondark.png)   |
|   C1ThemeExpressionLight   |   ![](https://cdn.mescius.io/document-site-files/images/babf1807-69aa-4d8a-96b6-d6c6d9325368/wpfdocuments/graphics/accordion/themes/expressionlight.png)   |
|   C1ThemeOffice2007Blue   |   ![](https://cdn.mescius.io/document-site-files/images/babf1807-69aa-4d8a-96b6-d6c6d9325368/wpfdocuments/graphics/accordion/themes/office2007.png)   |
|   C1ThemeOffice2007Black   |   ![](https://cdn.mescius.io/document-site-files/images/babf1807-69aa-4d8a-96b6-d6c6d9325368/wpfdocuments/graphics/accordion/themes/office2007black.png)   |
|   C1ThemeOffice2007Silver   |   ![](https://cdn.mescius.io/document-site-files/images/babf1807-69aa-4d8a-96b6-d6c6d9325368/wpfdocuments/graphics/accordion/themes/office2007silver.png)   |
|   C1ThemeOffice2010Blue   |   ![](https://cdn.mescius.io/document-site-files/images/babf1807-69aa-4d8a-96b6-d6c6d9325368/wpfdocuments/graphics/accordion/themes/office2010.png)   |
|   C1ThemeOffice2010Black   |   ![](https://cdn.mescius.io/document-site-files/images/babf1807-69aa-4d8a-96b6-d6c6d9325368/wpfdocuments/graphics/accordion/themes/office2010black.png)   |
|   C1ThemeOffice2010Silver   |   ![](https://cdn.mescius.io/document-site-files/images/babf1807-69aa-4d8a-96b6-d6c6d9325368/wpfdocuments/graphics/accordion/themes/office2010silver.png)   |
|   C1ThemeShinyBlue   |   ![](https://cdn.mescius.io/document-site-files/images/babf1807-69aa-4d8a-96b6-d6c6d9325368/wpfdocuments/graphics/accordion/themes/shinyblue.png)   |
|   C1ThemeWhistlerBlue   |   ![](https://cdn.mescius.io/document-site-files/images/babf1807-69aa-4d8a-96b6-d6c6d9325368/wpfdocuments/graphics/accordion/themes/whistlerblue.png)   |

To set an element's theme, use the **ApplyTheme** method. First add a reference to the theme assembly to your project, and then set the theme in code, like this:

```vbnet
Private Sub Window_Loaded(sender As System.Object, e As System.Windows.RoutedEventArgs) Handles MyBase.Loaded
   Dim theme As New C1ThemeExpressionDark
   ' Using ApplyTheme
   C1Theme.ApplyTheme(LayoutRoot, theme)
```

```csharp
private void Window_Loaded(object sender, RoutedEventArgs e)
   {
      C1ThemeExpressionDark theme = new C1ThemeExpressionDark();
      //Using ApplyTheme
      C1Theme.ApplyTheme(LayoutRoot, theme);
   }
```

To apply a theme to the entire application, use the **System.Windows.ResourceDictionary.MergedDictionaries** property. First add a reference to the theme assembly to your project, and then set the theme in code, like this:

```vbnet
Private Sub Window_Loaded(sender As System.Object, e As System.Windows.RoutedEventArgs) Handles MyBase.Loaded
   Dim theme As New C1ThemeExpressionDark
   ' Using Merged Dictionaries
Application.Current.Resources.MergedDictionaries.Add(C1Theme.GetCurrentThemeResources(theme))
End Sub
```

```csharp
private void Window_Loaded(object sender, RoutedEventArgs e)
   {
      C1ThemeExpressionDark theme = new C1ThemeExpressionDark();
      //Using Merged Dictionaries
      Application.Current.Resources.MergedDictionaries.Add(C1Theme.GetCurrentThemeResources(theme));
   }
```

Note that this method works only when you apply a theme for the first time. If you want to switch to another ComponentOne theme, first remove the previous theme from **Application.Current.Resources.MergedDictiona**

## See Also

[Key Features](/componentone/docs/wpf/online-extended/Accordion/AccordionKeyFeatures)

[Accordion XAML Quick Reference](/componentone/docs/wpf/online-extended/Accordion/AccordionXAMLQuickReference)

[Quick Start: Accordion for WPF](/componentone/docs/wpf/online-extended/Accordion/AccordionQuickStart)

[Quick Start: Accordion for Silverlight](/componentone/docs/wpf/online-extended/Accordion/AccordionforSilverlightQuickStart)

[C1Accordion Overview](/componentone/docs/wpf/online-extended/Accordion/C1AccordionOverview)

[Accordion Layout and Appearance](/componentone/docs/wpf/online-extended/Accordion/AccordionforWPFLayoutAppearance)

[Accordion Samples](/componentone/docs/wpf/online-extended/Accordion/AccordionSamples)