# MediaPlayer Theming

## Content



**MediaPlayer for WPF and Silverlight** incorporates several themes that allow you to customize the appearance of your grid. When you first add a [C1MediaPlayer](/componentone/api/wpf/online-mediaplayer/dotnet-framework-api/C1.WPF.MediaPlayer.4.6.2/C1.WPF.MediaPlayer.C1MediaPlayer.html) control to the page, it appears similar to the following image:

![](https://cdn.mescius.io/document-site-files/images/35d97b39-ed23-40ca-bb1b-90a2e9178ac1/graphics/narrative/themes_default.png)

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:

|   **Full Theme Name**   |   **Appearance**   |
| --- | --- |
|   C1ThemeBureauBlack   |   ![](https://cdn.mescius.io/document-site-files/images/35d97b39-ed23-40ca-bb1b-90a2e9178ac1/graphics/narrative/themes_bureaublack.png)   |
|   C1Blue   |   ![](https://cdn.mescius.io/document-site-files/images/35d97b39-ed23-40ca-bb1b-90a2e9178ac1/graphics/narrative/themes_c1blue.png)   |
|   C1ThemeExpressionDark   |   ![](https://cdn.mescius.io/document-site-files/images/35d97b39-ed23-40ca-bb1b-90a2e9178ac1/graphics/narrative/themes_expressiondark.png)   |
|   C1ThemeExpressionLight   |   ![](https://cdn.mescius.io/document-site-files/images/35d97b39-ed23-40ca-bb1b-90a2e9178ac1/graphics/narrative/themes_expressionlight.png)   |
|   C1ThemeOffice2007Black   |   ![](https://cdn.mescius.io/document-site-files/images/35d97b39-ed23-40ca-bb1b-90a2e9178ac1/graphics/narrative/theme_office2007black.png)   |
|   C1ThemeOffice2007Blue   |   ![](https://cdn.mescius.io/document-site-files/images/35d97b39-ed23-40ca-bb1b-90a2e9178ac1/graphics/narrative/themes_office2007blue.png)   |
|   C1ThemeOffice2007Silver   |   ![](https://cdn.mescius.io/document-site-files/images/35d97b39-ed23-40ca-bb1b-90a2e9178ac1/graphics/narrative/themes_office2007silver.png)   |
|   C1ThemeOffice2010Black   |   ![](https://cdn.mescius.io/document-site-files/images/35d97b39-ed23-40ca-bb1b-90a2e9178ac1/graphics/narrative/themes_office2010black.png)   |
|   C1ThemeOffice2010Blue   |   ![](https://cdn.mescius.io/document-site-files/images/35d97b39-ed23-40ca-bb1b-90a2e9178ac1/graphics/narrative/themes_office2010blue.png)   |
|   C1ThemeOffice2010Silver   |   ![](https://cdn.mescius.io/document-site-files/images/35d97b39-ed23-40ca-bb1b-90a2e9178ac1/graphics/narrative/themes_office2010silver.png)   |
|   C1ThemeShinyBlue   |   ![](https://cdn.mescius.io/document-site-files/images/35d97b39-ed23-40ca-bb1b-90a2e9178ac1/graphics/narrative/themes_shinyblue.png)   |
|   C1ThemeWhistlerBlue   |   ![](https://cdn.mescius.io/document-site-files/images/35d97b39-ed23-40ca-bb1b-90a2e9178ac1/graphics/narrative/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.MergedDictionaries**.